Hi @feestkledingbreda,
Thanks for reaching us.
Please apply the following CSS first to remove the extra white space on the left and right of the menu container: header-text-nav-container{
padding: 0;
}
//CSS, to remove the extra space from the top to the menu.
.main-navigation{
padding-top: 0;
}
//CSS to adjust the margin between the menu items.
.main-navigation li{
margin: 0 0 0 10px;
}
Let me know if it helps or if you need any further customizations, and I will get back to you.
Regards!
The only thing that does, is line my menu even more to the left.
I want it to center.
It now has Home/ Feest versiering and Fop en schertsvuurwerk below each other of the left side. I want my menu to look like an upside-down pyramid. It now lines left, so a new line starts on the left. I want the new line to start in the center.
I got an e-mail from Spacious that this is not possible. BUT, for anyone who wants their menu centered. A Dutch guy named BRON fixed this for me.
This worked for me:
#header-text-nav-container{
padding-left: 150px;
padding-right: 150px;
}
/* menu centreren */
.main-navigation ul {
text-align: center;
}
/* menu linkjes inline-block ipv float */
.main-navigation li {
float: none;
display: inline-block;
line-height: 1;
}
/* menu linkjes regelhoogte */
.main-navigation a {
line-height: 1.2;
}
