NathalieS

Never mind, i found the solution, i center aligned the nav bar, this resulted in it being messed up.
If it’s left aligned then there doesnt seem to be a problem.
thanks for your help!

Hi Andrew,

Thanks for your response…

I deactivated every plugin and tested this, but the plugins don’t seem to be the problem.
The first 2 menu items in the nav bar are in the nav bar on mobile, but after that it looks like it doenst fit the screen and so it adds the following nav menu items under it, wich is thru the text on the homepage.

Hi,

just wanted to say thanks! your solution worked for me, tried it with my twenty twelve child theme @ https://www.joy-visagie.nl .

Hi guys,

Thanks alot for the help! totally forgot to edit the style.css for the child theme, its all working now!

Thanks so much for the help, but it doesnt seem to be working.. This is what ive got now:

[no need to post CSS – it’s all visible on your site]

This is what i’ve got now:

/* Navigation Menu */
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: table;
margin: 0 auto;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: table;
margin: 0 auto;
margin-right: 0 auto;

}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border: none;
}