I did:
#nav-second ul.sf-menu>li {
width: 12.0%;
}
But the space between the menu items isn’t equal.
Hey, can you post a link?
Hannah
Remove the above css and try adding this instead:
@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 37px;
padding-left: 37px;
}
}
Hope that works for you!
Hannah
Thank you so much Hannah!
It did the trick!
Should I add anything else for a different resolution?
Thanks!
You can change out for css like this:
@media (min-width: 992px){
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
#nav-second ul.sf-menu>li {
width: auto;
padding-right: 30px;
padding-left: 30px;
}
}
That will make it all one line till you are on the mobile menu.
Kadence Themes
