SOLVED: Menu - Submenu > Line Height none > does not work

Bugs
1

Bricks Version: 1.3.6
Browser: Firefox 96.0.1 (64-Bit)
OS: Linux

Menu - SubMenu

If I set the line height to “none” here under typography, this is not applied to the submenu.

Menu-Submenu-LineHeight-none
Menu-Submenu-LineHeight-none822×790 36.8 KB

In the following entry, Bricks configures a line height of 60px for the SubMenu entries.

.bricks-element-nav-menu .bricks-nav-menu .sub-menu

If you want to change this to Line Height NONE in the Bricks submenu, this is done in the following entry and not applied.

#bricks-element-brsshs .bricks-nav-menu .sub-menu > li.menu-item > a

SubMenu-LineHeight-not-disabled
SubMenu-LineHeight-not-disabled582×704 55 KB

EDIT:
I have entered the following in the user-defined CSS in the same element and unfortunately it does not change anything.

.bricks-element-nav-menu .bricks-nav-menu .sub-menu {
line-height: none;
}

As I just read here, other things are not executed either.

2

Hi Matze,

thanks so much for your massive report!
I was able to reproduce it and added it to our bug tracker.

You’ll need at least a line height of 1 (without a unit), otherwise the submenu item isn’t visible at all.

.bricks-element-nav-menu .bricks-nav-menu .sub-menu {
  line-height: 1;
}

Best regards,
timmse

1 Like
3

Hi @timmse ,

Great, thank you, but I was a bit misled by your “Line Height” NONE. :wink:

I just wanted to disable the default line height and define these submenu items with associated padding.

Well then I will do this in the future with a smaller line height and only lateral padding.

First of all I thank you very much.

Kind regards

Matze202