Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
My navigation menu is aligned center but when I added more things to it, it put it to a “second row”. I need them to stretch from side to side, but still aligned center.
I’ve looked at this tread and tried it out but it didn’t work:
I will attach a screenshot of my website since this is not live yet.
Hi Elaine
You can try using Custom CSS to adjust the spacing between menu items. We outline that here:
Thread: Adjust Space Between Menu Items
Thank you so much it worked! However, I’d prefer to have something to change the actual width of just the menu bar though, instead of changing the spacing BETWEEN menu items. What if I needed to add 5 more items on my menu.. I need to be able to stretch the width of the whole bar wider.
Sure. Try the following:
/* Full Width Layout Menu Width */ body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container { max-width: 100%; }Adjust as required.