Messy mobile views

February 2014 Joomla Template
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
Mon Aug 18, 2014 12:49 pm
Reply with quote
Report this post
Hi guys,
Finaly, I've changed my wolrd news template to News2. It's configured to mobile view under 360px and everything is fine except kunena forum. Screenshots made on fresh install and there is a latest kunena, template and joomla of course.
As you can see joomla's template protostar (left hand sied on the pic) is perfect but on News 2 mobile users cant see many content and buttons.
You can check it on my site: iranynemetorszag.com
Any help appreciated
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 1:37 pm
Reply with quote
Report this post
Seems like you got it figured out? Looks fine to me
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 2:04 pm
Reply with quote
Report this post
Nope, Problem is still persist. Checked on my android phone and quirktools.com/screenfly/ for iPhone too few minutes ago.
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 2:49 pm
Reply with quote
Report this post
Oh ok I see now. Looks like gk table style is causing the problem.

Try this. Check the rest of your site to see if it causes any problems though

Enable override.css and add

#gkMainbody table tbody, #gkMainbody table thead, #gkMainbody table tfoot {
width: 100% !important;
}
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 2:57 pm
Reply with quote
Report this post
Thanks devsmi but it doesnt help.
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 3:27 pm
Reply with quote
Report this post
Ok download / edit this file: /templates/gk_news2/css/mobile.css

find
#gkMainbody table tbody, #gkMainbody table thead, #gkMainbody table tfoot {
display: table;
width: 540px !important;
}

I see it about line 143.
change width: 540px !important; to 100% !important
Save and clear browser cache
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 3:57 pm
Reply with quote
Report this post
Done but no luck, still the same.
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 4:02 pm
Reply with quote
Report this post
Looks like the file hasnt been changed. If you send me ftp I will do it for you
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 4:32 pm
Reply with quote
Report this post
I've changed it, see the link below:
iranynemetorszag.com/templates/gk_news2/css/mobile.css
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 4:44 pm
Reply with quote
Report this post
Add this to your override.css

#Kunena table, #Kunena tbody {
display: block !important;
overflow: hidden;
width: 100% !important;
}
User avatar
Gold Boarder

GK User
Mon Aug 18, 2014 4:52 pm
Reply with quote
Report this post
Thank you so much devsmi, it's perfect now. Thanks for your time and help again ;)
User avatar
Junior Boarder

GK User
Mon Aug 18, 2014 4:55 pm
Reply with quote
Report this post
You are welcome
User avatar
Gold Boarder

GK User
Wed Sep 17, 2014 8:41 am
Reply with quote
Report this post
Hi am having the some problems with the colour of the buttons and the drop down menu.

Please i need your help here.
User avatar
Fresh Boarder

GK User
Fri Sep 19, 2014 7:55 am
Reply with quote
Report this post
Can you show me your url and problem?
User avatar
Gold Boarder


cron