XF 2.2 Menu open style prop questions

[Dixie McCall]

Hello again,

I have two questions regarding Pop Up menu style properties. I'm trying to create a round navigation style and having a hard figuring out how to:

1. Make the TOP of the pop up menu button round like the main nav buttons. It is currently showing flat on hover. I have the corner radius set in Freeform CSS box but it is only rendering 3 sides as rounded.

2. Drop down menu left upper corner is still rendering squared but I have rounded all the corners of this in css.

Please see attached and thank you!

 

[Old Nick]

.menu--structural.menu--left .menu-content {
    border-top-left-radius: 8px;
}

Add !important if needed.

 

[Dixie McCall]

Thank you @nicodak . This worked well for the menu. Now just need to nav button issue. Looks ugly when the top is flat on hover.

 

[Old Nick]

Hover or open ?
You can try this when the tab is opened

.p-nav-list .p-navEl.is-menuOpen {
    border-radius: 8px;
}

 

[Dixie McCall]

Wow thank you @nicodak. I really appreciate your help this evening and as always.