[Resolved] navigation menu CSS rounded corner style question

[Matthias]

Hey there,

thank GeneratePress my website v2 will be faster than before. Really great!

Is there a chance when collapse a menu that only in this case the rounded corners will not be shown? (the in screenshot red marked corners should not be rounded)

And is it possible to set the in screenshot marked green corners with rounded corners?

Many thanks!

[David]

Hi there,

try this CSS:

.main-navigation .main-nav ul li.menu-item-has-children>a {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;   
}

.main-navigation ul ul {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

[Matthias]

Super nice! Thank you, David!

[David]

You’re welcome

[Author]

Posts