Site logo

Archived topic

WPML language switcher in new line

16 replies · Started by Łukasz on February 25, 2021

Viewing posts 1–15 of 17

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?
language switcher desired display

Inproper position of language switcher

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.

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!

This archived topic is closed to new replies.