Disable mobile version, desktop available only

Support help forum dedicated to free and commerical templates for Joomla 3 and 2.5 version.
GK User
Sat Sep 14, 2013 2:26 am
Hi everyone,

I m new here but I started to create a website for my company to show what we do but I don't like a lot the mobile version. I would like to load the desktop version automatically when I go to my website with my smartphone. Indeed I use the "Simplicity" template. I tried some solutions seen in the forum but nothing work. I updated the template for the last version because I seen some people that told to use this one to get a menu in template settings to use only the computer version. It doesn't work, nothing appear.

I hope someone could help me,

Thanks a lot in advance.
User avatar
Fresh Boarder

GK User
Sat Sep 14, 2013 7:52 am
Hi,
Simplicity is RWD, so it doesn't have mobile version,
you have to disable "Responsive Layout" from back-end.

LAYOUTS --> Responsive Layout -> [OFF]
User avatar
Platinum Boarder

GK User
Sun Sep 15, 2013 5:22 am
Thanks a lot for your answer I did it but when I see my website on my smartphone it's still optimized for it (pic1). I would like to see the full version (pic2) and not this one. How can I do ?
User avatar
Fresh Boarder

GK User
Sun Sep 15, 2013 9:19 am
So you have to customize/edit template core files, because RWD was only first step.
Now you have to disarm/disable css for mobile devices.

Edit this file: gk_simplicity\lib\framework\helper.layout.php

and change default activation screen size from (in line 46 > !!! and in line 69 > !!! )
Code: Select all
      $tablet_width = $this->API->get('tablet_width', 1030); // get the tablet width
      $tablet_small_width = $this->API->get('tablet_small_width', 820); // get the small tablet width
      $mobile_width = $this->API->get('mobile_width', 580); // get the mobile width


to
Code: Select all
      $tablet_width = $this->API->get('tablet_width', 50); // get the tablet width
      $tablet_small_width = $this->API->get('tablet_small_width', 50); // get the small tablet width
      $mobile_width = $this->API->get('mobile_width', 240); // get the mobile width


it should help, check

Of course you can change 240 to 100, if you don't need mobile view on very old smartphones.
User avatar
Platinum Boarder

GK User
Mon Sep 16, 2013 12:07 am
Hi,

Thanks for your reply. I tried what you told me.
It's better on my phone but when I reduce the window of my web browser on my couputer the content is wrapped, the menu change and the header image too. In fact I would like to create the same "effect" as on the gavick website for example. I would like nothing change in any web browser same when I reduce the window. It's not important if some elements are hiden when I reduce the window in fact.
I hope you understand what I mean. It's complicated to explain.
User avatar
Fresh Boarder

GK User
Mon Sep 16, 2013 6:27 am
From: gk_simplicity\layouts\default.php
Line 46
change from
Code: Select all
 <body<?php echo $tpl_page_suffix; ?><?php if($this->browser->get("tablet") == true) echo ' data-tablet="true"'; ?><?php if($this->browser->get("mobile") == true) echo ' data-mobile="true"'; ?><?php $this->layout->generateLayoutWidths(); ?>>   


to simply
Code: Select all
<body>


upload changed file.

refresh browser --> reduce window size in your browser and use firebug it any mobile css style is loaded + check
User avatar
Platinum Boarder


cron