SOLVED: Submenu UL container background overrides radius

Bugs
1

Bricks Version: 1.5 beta
Browser: Brave 1.40.107
OS: macOS
URL: https://23.discofever.co.uk/

When applying a border radius to a submenu, the radius is not applied because the background color of submenu items overrides it.

The submenu box shadow DOES follow the radius but as above, the background hides it.

1 Like
2

Hi Ian,
Welcome to the forum!

As long as you have only one submenu level you can add the following custom CSS to the menu element:

root .bricks-nav-menu .sub-menu {
overflow: hidden;
}

However, as soon as you have another submenu level inside your submenu, this won’t work anymore, because the hidden overflow prevents the second level from being visible. Therefore it is not so easy to solve this supposedly “simple problem” once and for all.

Best regards,
timmse

3

Absolutely perfect, thank you! I can stop pulling my hair out now! Thank you again.

1 Like