Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#850693

I have 2 language flags in position languageswitcherload which refuse to remain inline on small screen. How to fix? The flags go to one above the other at the same width that the text starts to use the full width of the screen – around 768px wide. See screen grab below.

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#851224

Hi
Use this code in custom.css file to make them in line

@media screen and (max-width: 767px) { .uber-header .row > .site-navigation-right {
   min-width: 95px;
}}

save file , clean cache and check .

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#851335

It still jumps to vertical layout at the same width. See http://uber-biz.composestore.com
However, I found a workaround by showing only the non-active language flag and have set the Chinese so you can see this. Of course, this only works for a 2 language site.

Tim

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#851344

Hi Tim
The solution should work , there seems to be some syntax error in your custom.css .
You can temporary remove all code from custom.css and only add this code . It should work .

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#851938

Hi Pankaj,

Yes, that works fine now now. Many thanks.

Tim

[Author]

Posts