Fit menu in one line

  • Hi,

    I’ve come back to a website I used to be working in, I’ve (finally) published it, but now that I try to fix some things I can’t manage to find any answer.

    I’ve created a menu, but when I add many features to the menu, it gets so long that it goes into two lines, when there’s actually a lot of blank space in the left to make it fit.

    Is there any way to make the menu fit in just one line?

    I’ve checked other answers in this forum but none of them have worked (or maybe I haven’t used them properly). I have inserted the different css I’ve found in customise but nothing has changed. Is it possible to do or I have to fit the menu in two lines?

    Thanks for your interest and sorry if it’s a very basic question,

    Bablo

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello Bablo,

    It looks like there’s three separate menus there, which means they’re sitting underneath each other currently.

    With the one menu, this CSS should help here: 

    .main-navigation {
    width: 780px;
}

.main-navigation div > ul {
    width: 100%;
    display: flex;
}

.site-description {
    width: 175px;
}

    I hope this helps so far!

Viewing 1 replies (of 1 total)
  • The topic ‘Fit menu in one line’ is closed to new replies.