[Resolved] Rounded corners on primary menu current item

[Diana]

Hello,
I’d like to have rounded corners on the active (current) menu item.
And also when a menu item is in the on hover position.
I found the on hover CSS here and it worked!
https://generatepress.com/forums/topic/navigation-rounded-corners/

.main-navigation .main-nav ul li a:hover {
border-radius: 15px;
}

I changed ‘hover’ to ‘current’ in the above CSS. First I thought it worked for the current menu item, but it doesn’t. I can’t code, so I have no further ideas.
Can you give me the correct CSS for the current menu item?
Thanks.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Diana]

OK, it’s in the private information field.

[Leo]

Hi there,

Does this help?

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    border-radius: 5px;
}

[Diana]

Yes, it works! Thank you 🙂

[Leo]

No problem 🙂

[Author]

Posts