I just upgraded Vantage Pro to the latest theme and my full screen menu nav bar is now contained again. Can you let me know how to get it back to full width/screen?
Upgraded Theme, Lost Full Width Menu Bar
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Same here!
Hi EHerkenning Expert
We’d like to help you, but can you please start a new thread with your question? We can only offer you the best support possible when you’re the owner of a thread.
Page: New Thread
If you’re a premium user, please be sure to enter your order number so we can properly prioritize your thread.
Hi Chris
Thanks for your support.
Did you use Custom CSS to change the normal constrained menu to true full width? Or do you mean that that the overall layout was full width and now it’s boxed? If it’s the latter then you can change the layout bound again from Appearance > Theme Settings > Layout > Layout Bound.
I believe I need the Custom CSS code to change the normal constrained menu to true full width. I already have Appearance > Theme Settings > Layout set as Full Width.
No problem. A quick heads up, changes made to Appearance > Editor aren’t update safe. It sounds like that might have been what happened here. All WordPress.org themes overwrite their own folder during update. Glad to hear it was just a small edit :)
Try the following at Appearance > Custom CSS:
/* Full Width Layout Menu Width */ body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container { max-width: 100%; }Thanks…that *almost* did it. The bar goes very close to either edge now, but not entirely. And the text in the nav bar is also almost to the left edge, whereas before, the text was neatly aligned with the body alignment. Any suggestions?
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
also, I should’ve mentioned I’m using Max Mega Menu for the flyout menu
Ahhhh! We did integration work for that plugin. Let me check.
Thanks for the update. No problem, sure we can fix.
Can you confirm a URL where I can see Vantage? I’m logged in. Thanks.
This is a private message.
Cool, check it out now.
For reference. In Vantage x.4.4 we used the following Custom CSS to ensure Max Mega Menu had a full width background when using Vantage Full Width layout bound:
body.responsive.layout-full #page-wrapper header#masthead .site-navigation { margin: 0 -35px; } body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container { background: #333; max-width: 100%; } body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container .mega-menu-wrap { margin: 0 auto; max-width: 1080px; }Thank you SO much. It looks great.
For sure. Glad we could help :)
All the best.