Mobile layout the same like in the browser

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Nov 21, 2013 11:23 am
Reply with quote
Report this post
Hello

how i can put that when i go to the page with my mobile i see the page the same like in the browser? Now its not ok if u look, i want that the page auto adapte at the mobile and see the normal page like at the computer...

Help pls
User avatar
Expert Boarder

GK User
Thu Nov 21, 2013 12:20 pm
Reply with quote
Report this post
Please edit:
Templates/gk_news/lib/framework/helper.layout.php

and replace:
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";

with:
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";

User avatar
Moderator

GK User
Thu Nov 21, 2013 3:52 pm
Reply with quote
Report this post
I have make this but nothing has changed.
User avatar
Expert Boarder

GK User
Thu Nov 21, 2013 5:44 pm
Reply with quote
Report this post
Could You please post an url to your site?
User avatar
Moderator

GK User
Fri Nov 22, 2013 8:12 am
Reply with quote
Report this post
http://www.sfm-ag.ch/

Cyberek wrote:Could You please post an url to your site?
User avatar
Expert Boarder

GK User
Fri Nov 22, 2013 11:09 am
Reply with quote
Report this post
Ok, try going to template settings and switching "Responsive Layout" to off:
http://d.pr/i/WbKJ
User avatar
Moderator

GK User
Fri Nov 22, 2013 11:18 am
Reply with quote
Report this post
Ok now its good, thanks

Cyberek wrote:Ok, try going to template settings and switching "Responsive Layout" to off:
http://d.pr/i/WbKJ
User avatar
Expert Boarder

GK User
Fri Nov 22, 2013 5:03 pm
Reply with quote
Report this post
No problem.
If You will have any other questions, feel free to post new forum threads.
Closing the topic.
User avatar
Moderator


cron