Template news - display desktop layout on all devices

**GK User** Wed Nov 06, 2013 12:01 pm Reply with quote Report this post

Hi there, how or where can i setup the news template to display the default (desktop) layout on all devices (phone, tablet etc)? Thanx in advance...

Greets mark

**GK User** Wed Nov 06, 2013 5:14 pm Reply with quote Report this post

The easiest way would be to edit:
/Templates/gk_news/lib/framework/helper.layout.php
and comment those lines:

Code: Select all: if($this->API->get('rwd', 1)) { // set media query for small desktops 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"; // CSS to avoid problems with the K2/com_content columns on the smaller screens $this->API->addCSSRule('@media screen and (max-width: '.($tablet_width * 0.75).'px) { #k2Container .itemsContainer { width: 100%!important; } .cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3, .demo-typo-col2, .demo-typo-col3, .demo-typo-col4 {width: 100%; } }'); }

so they look this way:

Code: Select all: /*if($this->API->get('rwd', 1)) { // set media query for small desktops 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"; // CSS to avoid problems with the K2/com_content columns on the smaller screens $this->API->addCSSRule('@media screen and (max-width: '.($tablet_width * 0.75).'px) { #k2Container .itemsContainer { width: 100%!important; } .cols-2 .column-1, .cols-2 .column-2, .cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3, .demo-typo-col2, .demo-typo-col3, .demo-typo-col4 {width: 100%; } }'); }*/