[Resolved] Main Menu positioning + wpml

Home Forums Support [Resolved] Main Menu positioning + wpml

Home Forums Support Main Menu positioning + wpml

  • This topic has 5 replies, 3 voices, and was last updated 1 month ago by Ying.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2269005
    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—
    ————————————————————————————————–
    ————————————————————————————————–

    #2269032
    David
    Staff
    Customer Support

    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.

    #2269200
    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?

    #2269510
    Ying
    Staff
    Customer Support

    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;
    }
    #2272399
    Matthias

    thx a lot – looks good that way.

    #2272951
    Ying
    Staff
    Customer Support

    You are welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.