Mobile layout

Hello

if u go there: http://www.immo.italface.com/ u can see that i created with the template pixellove a intro page for another site, and at the computer its perfect but at the phone not, see there: http://i.imgur.com/WvUXQLV.png but why? I have put default as iphone and android template but i dont want that i become the written "skip to mobile layout" like u see in the photo and i want that i see all the page, that the site is adapted to the size of the phone and face to see everything on the screen of the mobile phone.

Thanks

Hi

Please set all layouts to "default" in this template, than edit file /layouts/default.php, replace the line 33 with:

Code: Select all

<meta name="viewport" content="width=980px, initial-scale=1.0, user-scalable=no">


and delete this code from this file:

Code: Select all

   <?php if(isset($_COOKIE['gkGavernMobile'.$tpl_name]) &&
          $_COOKIE['gkGavernMobile'.$tpl_name] == 'desktop') : ?>
          <div class="mobileSwitch gkWrap">
        <a href="javascript:setCookie('gkGavernMobile<?php echo $tpl_name; ?>', 'mobile', 365);window.location.reload();"><?php echo JText::_('TPL_GK_LANG_SWITCH_TO_MOBILE'); ?></a>
         </div>
    <?php endif; ?>


Hello,

i try to make this but nothing happens, with my phone i see this: http://i.imgur.com/2hCa0wN.png but i want to become this: http://i.imgur.com/VUvWkeH.png.

And i put that the user can resizable the width.... Because i want that they see like the second img and then if they want can make it bigger.

Hi

Ok. Please send me an ftp access than. I need to try couple of viewport attributes to see what's working correctly.

Hi

I've just checked a website I've done some time ago which is working as You want exactly. Here is how viewport line looks like:

Code: Select all

<meta content="width=480px, user-scalable=no" name="viewport"/>