Menu alignment

Hi there,

Can you link me to the page in question?

Thanks!

Hi Leo,

I've solved the second question. The mobile menu was aligned to the right, because the logo was shown in the sticky version. But on the homepage I hid the logo because of the custom header. The logo is now hidden in the header, but displays in the sticky menu.

Concerning the first question, the page in question is http://aurora.zelfdodingspreventie.nl/ (password: ZDP).

Thanks!

Give this CSS a shot:

.home .nav-aligned-left.nav-above-header .main-navigation {
    text-align: center;
}

Nope, that unfortunately doesn't do the trick. Do you have another suggestion?

Give this a shot:

.home.nav-aligned-left.nav-above-header .main-navigation {
    text-align: center;
}

.home .main-navigation li {
    float: none;
    display: inline-block;
}

That's it, thank you both very much! One small issue though, the items on the sticky menu are also centered, but should preferably be aligned to the left. Would this be possible?

Glad we could help!

Me too! :) Is there a workaround for the described alignment issue on the homepage sticky menu? ("One small issue though, the items on the sticky menu are also centered, but should preferably be aligned to the left. Would this be possible?")

Try this CSS:

.home.nav-aligned-left.nav-above-header .main-navigation.navigation-stick {
    text-align: left;
}

That's it! Brilliant, thanks again!

No problem!