Resolved

Menu width

Ultra Theme started by Suzie Jun 9, 2017 5 replies
Suzie Jun 9, 2017 · 1:02 pm #6955

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)

Andrew Misplon Puro Jun 9, 2017 · 1:04 pm #6956

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?

Suzie Jun 9, 2017 · 1:09 pm #6957

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 ?

Andrew Misplon Puro Jun 9, 2017 · 1:12 pm #6958

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%.

Suzie Jun 9, 2017 · 3:20 pm #6959

Perfect, thank you for support !!!!!

Andrew Misplon Puro Jun 9, 2017 · 3:38 pm #6960

Glad that did the trick 🙂

All the best.

6 posts