Lang position in mobile view

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 Mar 06, 2014 9:17 pm
Reply with quote
Report this post
Hi i have a multi language site in mobile view mode, the position lang no show.

Any idea?
Thanks
User avatar
Senior Boarder

GK User
Thu Mar 06, 2014 10:34 pm
Reply with quote
Report this post
Hi, hard to say, probably because lang position is inside team "login + cart + lang" section, on mobile is not showed,
If you will add URL I will try to check why is hidden.
User avatar
Platinum Boarder

GK User
Thu Mar 06, 2014 10:43 pm
Reply with quote
Report this post
User avatar
Senior Boarder

GK User
Thu Mar 06, 2014 10:51 pm
Reply with quote
Report this post
Now I see,
you have to (!) edit one file from template --> css/mobile.css
line ~~163
change values to those
text-indent: 0;
width: 55px;

and in line ~~74
: change font size to smaller
#gkTopLinks a {
font-size: 10px;
}
User avatar
Platinum Boarder

GK User
Thu Mar 06, 2014 10:59 pm
Reply with quote
Report this post
perfect, but screen max-width: 540px overlaps the logo
User avatar
Senior Boarder

GK User
Thu Mar 06, 2014 11:38 pm
Reply with quote
Report this post
Small fix, this same file line ~~163

#gkTopLinks a {
height: 22px;
width: 30px;

}

and maybe add this also at the bottom
@media only screen and (max-width: 480px) {
#gkLogo img { width: 200px; }
}
It should reduce size of logo.

As you see is not easy, unfortunately, thsi template does not provide for additional positions in the mobile view hence the confusion.
User avatar
Platinum Boarder

GK User
Thu Mar 06, 2014 11:44 pm
Reply with quote
Report this post
Thanks but I still need to add a one language more, so do not think it fits.
I changed the positions of the modules and multi language I put in serach is better and there is more space. The module social icons I put in search.
How do I disable the search position in view of max-width: 540px
User avatar
Senior Boarder

GK User
Thu Mar 06, 2014 11:48 pm
Reply with quote
Report this post
Upss I added extra fix add the bottom of my last post.
You can sue this same code but ..change to display:none for #gkSearch
User avatar
Platinum Boarder

GK User
Fri Mar 07, 2014 11:41 pm
Reply with quote
Report this post
Thanks for your time and dedication
User avatar
Senior Boarder


cron