Archived topic

navigation menu CSS rounded corner style question

3 replies · Started by Matthias on February 21, 2020

Viewing posts 1–4 of 4

February 21, 2020 at 4:47 am #1172432

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?

Screenshot, Website, navigation menu, rounded corner CSS question

Many thanks!

February 21, 2020 at 5:11 am #1172452

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;
}

February 21, 2020 at 5:16 am #1172457

Super nice! Thank you, David!

February 21, 2020 at 5:18 am #1172460

You're welcome

This archived topic is closed to new replies.

Start building better websites today.