Change Responsive Layout

I'm wondering how to eliminate the responsive layout. It looks terrible on mobile. Thanks!

z.jpg

Please edit this file:
/templates/gk_storebox/lib/framework/helper.layout.php

and comment those lines:

Code: Select all

         echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/small.desktop.css" media="(max-width: '.$template_width.'px)" />' . "\n";   
         // set media query for the tablet.css
         echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/tablet.css" media="(max-width: '.$tablet_width.'px)" />' . "\n";
         // set media query for the small tablets
         echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/small.tablet.css" media="(max-width: '.$tablet_small_width.'px)" />' . "\n";   
         // set media query for the mobile.css
         echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/mobile.css" media="(max-width: '.$mobile_width.'px)" />' . "\n";


so they look this way:

Code: Select all

         //echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/small.desktop.css" media="(max-width: '.$template_width.'px)" />' . "\n";   
         // set media query for the tablet.css
         //echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/tablet.css" media="(max-width: '.$tablet_width.'px)" />' . "\n";
         // set media query for the small tablets
         //echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/small.tablet.css" media="(max-width: '.$tablet_small_width.'px)" />' . "\n";   
         // set media query for the mobile.css
         //echo '<link rel="stylesheet" href="'.($this->API->URLtemplate()).'/css/mobile.css" media="(max-width: '.$mobile_width.'px)" />' . "\n";



Thank you Cyberek. I changed the code, however, it still doesn't look right on a mobile phone. I'd like it so that the entire site is displayed on the screen. Here's how it looks after the change (notice that things are still condensed):

Screenshot_2013-11-12-08-19-50.jpg

Thanks,

David

Could You please post an url to your site?

Sure: http://modernoak.dlevy.net/.

Thank you!

Please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

.gkPage {
width: 1100px !important;
}


This should stop rescaling of the site.

Remember to enable "CSS override" in template settings - advanced section.

Thanks Cyberek. It looks much better than before, but for some reason, when I go to the website on my phone - it starts out zoomed in a little bit. Do you know what's causing this?

Screenshot_2013-11-13-11-04-00.jpg

Thanks,

David

Try edit this file:

Code: Select all

/templates/gk_storebox/layouts/default.php


and remove:

Code: Select all

    <?php if($this->API->get('rwd', 1)) : ?>
       <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0">
   <?php else : ?>
      <meta name="viewport" content="width=<?php echo $this->API->get('template_width', 1020)+80; ?>">
   <?php endif; ?>



for testing purpose.

If that will not help, restore the code and write back.