Center topmenu + mobile button

[astridjongbloed]

Hi Guys,

I just can’t figure out how to horizontally center my menu items (and the mobile button) in the nav bar. I’ve used a bit of CSS to hide my logo in the navbar (it’s in the slider) and now I want to have the menu itms nice and centered. I’ve tried some different bits of CSS but without result so far.

My website is www.wanderingways.nl

Thanks!
Astrid

[albrecht]

Hi Astrid,

Thanks for writing in. To achieve that, try adding this custom CSS.

.x-navbar-wrap .x-navbar ul#menu-primary {
    text-align: center;
    float: none;
}

.x-navbar-wrap .x-navbar ul#menu-primary.x-nav>li {
    float: none;
    display: inline-block;
}


.x-navbar-wrap .x-navbar #x-btn-navbar {
    float: none;
    text-align: center;
}

Hope it works.

[astridjongbloed]

Super! That did the trick, thank you!

[friech]

We are delighted to assist you with this.

Cheers!