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
Thread Starter
sneed
(@sneed)
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
Thread Starter
sneed
(@sneed)
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