[Resolved] Menu width

This topic contains 5 replies, has 2 voices, and was last updated by  Andrew Misplon 10 months, 2 weeks ago.

  • Author
    Posts
  • #6955

    Suzie
    Participant

    Hi
    Is there a max for the width of the menu in the top bar ?
    Mine has split itself on two lines, which completely ruins the layout and I cant figure out if its possible to correct (I´m not a programmer)

    #6956

    Andrew Misplon
    Keymaster

    Hi Suzie

    There is, 50%. Do you have text on the left or do you want to use the entire top bar for the top bar menu?

    #6957

    Suzie
    Participant

    Ah, oki.
    I dont have text on the left.
    I wouldn´t mind using the entire top bar, but can I implement my logo still ?
    Like it´s possible by default ?

    #6958

    Andrew Misplon
    Keymaster

    Thanks for the feedback. It looks like you aren’t using the top bar, that’s disabled, you’re just using the main menu/main header. Try the following inserted at Appearance > Customize > Additional CSS:

    /* Header */
    .site-header .site-branding-container {
    	max-width: 35%;
    }
    
    .main-navigation {
        max-width: 65%;
    }

    Adjust the values as required. Whatever you add to the second value, subtract from the first. So if you make the main-navigation max-width: 80%, the site header branding container value will need to be 20%.

    #6959

    Suzie
    Participant

    Perfect, thank you for support !!!!!

    #6960

    Andrew Misplon
    Keymaster

    Glad that did the trick 🙂

    All the best.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top