The mobile version of the site broke.

February 2014 Joomla Template
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Wed May 24, 2017 6:46 pm
Reply with quote
Report this post
http://prntscr.com/fbnav3
In the settings, mobile optimization is enabled.
User avatar
Fresh Boarder

teitbite
Sat May 27, 2017 11:28 am
Reply with quote
Report this post
Hi

Please tell me the url to the exact page with an example of this issue.
User avatar
Moderator

GK User
Sun Jun 11, 2017 9:57 pm
Reply with quote
Report this post
https://goo.gl/b6xhDc
Joomla version: 3.7.2
User avatar
Fresh Boarder

teitbite
Tue Jun 13, 2017 9:39 am
Reply with quote
Report this post
Hi

You have a bunch of overrides to the width of the columns, so mobile layout work. Easiest to keep it and still have the mobile layout running is to move this override to the end of the /css/template.css file.
User avatar
Moderator

GK User
Tue Jun 13, 2017 11:57 am
Reply with quote
Report this post
If I remove the customization of the code, will the mobile version return to the normal view?
User avatar
Fresh Boarder

teitbite
Sat Jun 17, 2017 1:57 pm
Reply with quote
Report this post
Hi

There is no need to remove it, just move the changes to /css/template.css file so they will not affect mobile.css and tablet.css files when smaller screen is used on the site.
User avatar
Moderator

GK User
Sat Jun 17, 2017 7:43 pm
Reply with quote
Report this post
I completely replaced my folder with the css to yours, but the site did not become the same as in the demo version. Maybe it's because of the update of the Joomla?
User avatar
Fresh Boarder

teitbite
Wed Jun 21, 2017 9:47 am
Reply with quote
Report this post
Hi

What do You mean by "completely replaced my folder" ? Please send me an access to ftp and joomla panel to my email gk.teitbite@gmail.com so I'll just correct it myself.
User avatar
Moderator

teitbite
Sun Jul 02, 2017 10:08 am
Reply with quote
Report this post
Hi

Just got to Your mail, but I'm afraid Your FTP access is not working. Please check it and send it one more time.
User avatar
Moderator

teitbite
Wed Jul 05, 2017 10:45 am
Reply with quote
Report this post
Hi

As I've just discovered it wasn't easy to look for Your changes in styles, so I took a different approach and overriden Your changes for some screen layouts. I've added this code to template's override section:

Code: Select all
@media only screen and (max-width:1100px) {
#gkContent, #gkPageContent, #gkSidebarLeft {
    float: none;
    min-height: 0 !important;
    width: 100% !important;
}

#gkSidebarRight .box {
    float: none;
    width: 100%;
}
}

@media only screen and (max-width:850px) {
#gkSidebarRight {
    float: none !important;
    width: 100% !important;
}

#gkContentWrap > div {
    width: 100% !important;
    min-height: 0 !important;
}
}

@media only screen and (max-width:640px) {
#gkBannerLeft, #gkBannerRight {
    float: none !important;
    max-width: 100% !important;
    width: 100% !important;
}
}
User avatar
Moderator

GK User
Thu Jul 06, 2017 5:24 pm
Reply with quote
Report this post
I changed only the indents between the "objects" on the main page.
This is how the demo version looks and what my site looks like.
http://imgur.com/a/mQ6Bh
http://imgur.com/a/KHvB0
Maybe it's because I updated Jumla?
User avatar
Fresh Boarder

teitbite
Mon Jul 10, 2017 3:49 pm
Reply with quote
Report this post
Hi

Seriously no idea why it broke for You. But I've just added some extra classes, so I think it should be ok from now.
User avatar
Moderator

GK User
Thu Jul 13, 2017 1:24 pm
Reply with quote
Report this post
Last request, could you help, remove this indent in the mobile version?
http://prntscr.com/fv6wk4
User avatar
Fresh Boarder

GK User
Sat Jul 15, 2017 11:46 pm
Reply with quote
Report this post
I ask you to close the topic, thank you.
User avatar
Fresh Boarder

teitbite
Fri Jul 21, 2017 12:42 pm
Reply with quote
Report this post
Hi

I can see You've dealt with the margin from Your last post, so I can close this thread now.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.