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.