Archived topic
Rounded corners on primary menu current item
5 replies · Started by Diana on November 30, 2020
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.
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know :)
OK, it's in the private information field.
Hi there,
Does this help?
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
border-radius: 5px;
}Yes, it works! Thank you :)
No problem :)
