[Support request] WPML language switcher in new line

[Łukasz]

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?

[Elvin]

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.

[Łukasz]

I have sent details in private part of m REPLY.

[David]

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.

[Łukasz]

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:)

[David]

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.

[Łukasz]

I have Add it to:

Appearance -> Theme Customisation -> Additional CSS

but it does not work. It does not resolved my problem.

[David]

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; }

[Łukasz]

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.

[David]

It’s working for me:

Maybe your browser cache needs clearing.

[Łukasz]

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:

[Łukasz]

And screenshot from wordpress admin:

[David]

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.

[Łukasz]

I have reduced to 690px and now it looks properly.

THX

[David]

Glad to hear that!

[Author]

Posts