Virtue menu spacing

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

https://www.aviram-engineering.com/

Thank you 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