[Resolved] Nav Drop down radius corners – Hover state

[Paul]

Hi There,

I added this CSS for radius corners on a nav dropdown:

.main-navigation .sub-menu {
border-radius:20px;
box-shadow: 0px 0px 20px 0px rgba(26,32,61,.3);
}

Which works apart from on hover the radius is hidden on first and last items – Can you help? Please see link in the Private info.

Cheers
Paul

[David]

Hi there,

I assume there is no sub-sub-menus?
IF so you can hide the overflow – change the CSS to this:

.main-navigation .sub-menu {
    border-radius: 20px;
    box-shadow: 0px 0px 20px 0px rgba(26,32,61,.3);
    overflow: hidden !important;
}

[Paul]

Hi David,

Hope things are going well with you!

No, no sub-sub menus.

Works perfectly.

Thank you – GeneratePress support is awesome! 🙂

Paul

[David]

Very well thanks Paul 🙂
Glad to be of help

[Author]

Posts