- This topic has 5 replies, 2 voices, and was last updated 7 years, 5 months ago by Andrew Misplon.
- AuthorPosts
- June 9, 2017 at 1:02 pm #6955
SuzieParticipantHi
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)June 9, 2017 at 1:04 pm #6956
Andrew MisplonKeymasterHi 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?
June 9, 2017 at 1:09 pm #6957
SuzieParticipantAh, 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 ?June 9, 2017 at 1:12 pm #6958
Andrew MisplonKeymasterThanks 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%.
June 9, 2017 at 3:20 pm #6959
SuzieParticipantPerfect, thank you for support !!!!!
June 9, 2017 at 3:38 pm #6960
Andrew MisplonKeymasterGlad that did the trick 🙂
All the best.
- AuthorPosts
You must be logged in to reply to this topic.