[Resolved] Main Menu positioning + wpml

[Matthias]

Hi there,

i couldnt find any settings to adjust the top/bottom positioning of the main menu (nor a solution by searching this forum.

Currently/by default the menu is aligned in the middle of the header – same as the logo.
Is there a way to position the menu entries more to the bottom/lower ?

I designed (thx to your help) a language switcher with wpml. Is there a way to position that switcher on top of the menu (right aligned) – and maybe use a font 2-4px smaller?

Something like:
————————————————————————————————–
————————————————————————————————–
Logo———————————————————————-EN|DE|ES—
Logo——————————————————————————————-
Logo——————–MenuEntry1 MenuEntry2 Menuentry3—
————————————————————————————————–
————————————————————————————————–

[David]

Hi there,

1. You can add this CSS:

@media(min-width: 769px) {
    nav.main-navigation .inside-navigation {
        align-items: flex-end;
    }
}

1.1 Then adjust the Desktop Menu Item Line Height in Customizer > Layout > Primary Navigation.

2. With your current set-up, no. As it would require absolute positioning of menu items, and that would break your design.

[Matthias]

ok thx – you cant have it all.

then another solution:
how can i add some more space between the menu and the language switcher?
And: can i use a different (smaller) font size for the switcher?

[Ying]

how can i add some more space between the menu and the language switcher?

You can add this:

@media (min-width: 769px) {
    li#menu-item-wpml-ls-24-en {
        padding-left: 30px;
    }
}

And: can i use a different (smaller) font size for the switcher?

YES.

Try this:

li.wpml-ls-item a {
    font-size: 14px;
}

[Matthias]

thx a lot – looks good that way.

[Ying]

You are welcome 🙂

[Author]

Posts