SOLVED: Text alignment in sub-menus doesn't work

Bugs
1

Browser: Chrome 112.0.5615.49 (Official Build) (64-bit)
OS: Linux Mint 21.1
URL: https://eig.2sinn.it/
Bricks version: 1.7.2

Changing text alignment in the sub-menu options in the nav menu element does nothing. This should be right-aligned:

image

Element setting:

image
image307×676 14.9 KB

I can tell that the right CSS is there:

image
image877×268 45.3 KB

Not sure why the alignment doesn’t work. Perhaps a parent is interfering? Wouldn’t make sense though, because the declaration is not struck through. Odd.

2

Hi Matt,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker.
The text-align has no effect, because the a is a flex item. If you work with “justify-content” instead, it works:

root .bricks-nav-menu .sub-menu > li.menu-item > a {
  justify-content: flex-end;
}

Best regards,
timmse

image
image772×1176 129 KB

3

Awesome, thanks! Good to know.

4

Hi Matt,

We’ve fixed this issue in Bricks 1.8 beta, now available as a manual download in your account.

Please let us know if you are still experiencing issues.

As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.

Best regards,
timmse