Center and Round off the Menu

Hi,

please use this custom CSS to center the menu (the home icon has to be hidden):

#wrapper .link-home {display: none;}
#wrapper .menu-box {height: 30px;}
#wrapper .menu-box, #wrapper .menu-box ul {text-align: center;}
#wrapper .menu-box ul li {display: inline-block; float: none;}
#wrapper .menu-box ul li a {border: none;}
#wrapper .menu-box ul ul li {display: block; float: left;}

This CSS will round off the edges of the menu bar:

.menu-box-wrapper {border-radius: 20px;}

Best regards,
Tomas Toman

I see I should have also asked how to shrink the nav bar so it doesn’t extend to the full width.

If possible, please post here a link to your website so I could see your header configuration. Thanks!

Best regards,
Tomas Toman

https://www.qualityfoaminc.com/

I can see that you are running a different theme than HappenStance at this moment. Anyway, this CSS should work with the basic HappenStance configuration:

@media screen and (min-width: 1012px) {
body .menu-box-container, body .menu-box-wrapper, body .menu-box {width: 800px;}
body .menu-box-container {float: none; margin: 0 auto;}
}

Best regards,
Tomas Toman