Archived topic
WPML language switcher in new line
16 replies · Started by Łukasz on February 25, 2021
Hello
I want to change menu style of language switcher. Actually language switcher is on the end of MENU ITEMS but I would like to display it on the new line just below of MENU ITEM.
Look at the attached pictures. Is it possible using GeneratePress Theme?


Hi there,
Can you link us to the site in question? So we could check for the CSS selectors for the CSS writeup to achieve the desired layout.
You can use the private information text field to provide the site details. Thank you.
I have sent details in private part of m REPLY.
Hi there
did you resolve the issue ? When i visit the site the language switcher is on the same line as the Cart. Let me know.
No, they are not resolved.
Click on Polish flag to change language and You will se issue. THe same when You add something to cart. There is also issue again.
Unfortuately with english language and cart empty it seems everythong looks properly:)
Tricky one - you can try some CSS like this:
html[lang="pl-PL"] .main-navigation .main-nav>ul {
max-width: 700px;
}
html[lang="pl-PL"] .nav-float-right #site-navigation {
margin-left: 10px;
}
It will limit the width of just the navigation on the Polish site to 700px which will force the menu items to wrap on larger screens.
I have Add it to:
Appearance -> Theme Customisation -> Additional CSS
but it does not work. It does not resolved my problem.
You have some broken CSS in Customizer > Additional CSS. This line:
.woocommerce-cart .return-to-shop { display: none !important; };
Remove the ; after the } so it looks like this:
.woocommerce-cart .return-to-shop { display: none !important; }
I have repaired it with your description but it still does not works.
Look at site and You will see flags when you change to polish are sill after MENU ITEMS, not belowed.
It's working for me:
https://www.screencast.com/t/wMMOzLjbPDBM
Maybe your browser cache needs clearing.
Strange, but for me there is no change and it does not display flags properly.
Now I have tested it on Chrome - it was first run on chrome so it is clean with no cache.
Look at screenshot:

And screenshot from wordpress admin:

Try reducing the max-width: 700px; property to a smaller number to see it changes.
Also check it on the front end - not in the Customizer.
I have reduced to 690px and now it looks properly.
THX
Glad to hear that!