Archived topic
Menu Items Not Lining Up
3 replies · Started by Ben on December 8, 2022
Viewing posts 1–4 of 4
Hey guys,
I've created a centred logo but I can't get the menu items on the right to line up, it seems they're set over to the right.
I've attached a photoshop screenshot with guidelines to show what I mean:
How can I fix this?
This is the site: https://bendoyle.me/
Thanks
Hi there,
try this CSS:
@media(min-width: 769px) {
/* make all menu items the same width */
.main-navigation .main-nav>ul > li {
min-width: 161px;
}
/* align first to menu items right */
.main-navigation .main-nav>ul > li:nth-child(-n+2) {
text-align: right;
}
}Perfect, thanks David!
You're welcome
This archived topic is closed to new replies.
