SOLVED: Nav menu>Mobile menu - text not center anymore

Browser: Chrome 110
OS: Windows

Hello guys,
Mobile menu (Default Nav menu) is aligned left now, text align center is not working + the sub menu icon and text are messed up, icon margin not working too. Screenshot below.

Hey @gokki,

thanks for your report.

I can confirm the text-align not working as expected and added it to our bug tracker. Could you still share the link to your site so that I can take a look at it regarding the other issue?

Thanks,

André

I notice the same on the contact button at the far right in my header.
this is the link: Contact – Spaans op maat

@thomas text controls don’t work even after the latest update.

Hi guys,
We’ve fixed this bug in Bricks 1.8.1, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.
A little more information and a live link would be helpful @Adrenaline22 , since I can’t see any issues.

Best regards,
timmse

updated it, doesn’t work.

Hey Peter,
You seem to have misunderstood my request: I need more information and a live link.

“Doesn’t work” has never been a concrete error description and never will be.

@timmse hey,

Hi Peter,
The original report is about the mobile menu, which has been fixed.

The text alignment on the desktop is not a bug since the links are flex-items, which means that the text-align doesn’t work in this case. Workaround:

root .bricks-nav-menu li a {
  justify-content: center;
}

Maybe we can introduce alignment settings in the future to solve this problem.

But why are the Typography settings then available? Before the update all my menus were centered. After 1.8 all menu items were left aligned…

Hi guys the mobile Nav text alignment is fixed in 1.8.1… But,

The menu item that has submenu in not centered and when opened (if the submenu item names are longer) the icon is way off to the right… Screenshots on 1.8.1 and 1.7.3 below.
I was able to fix this in 1.8.1 by adding the following css:

for the icon not to be far right:
@media (max-width: 780px) {
.menu-item-has-children {
display: flex;
flex-direction: column;
align-items: center;
}}

for the menu item to be centered as possible:
.bricks-mobile-menu .brx-submenu-toggle {

margin-left: 25px

}

This is a fresh local install, only bricks no plugins…

Text align still doesn’t work on latest Bricks 1.9.7.1. I know it can be fixed with custom css, but would be nice to have working controls or not have them at all if not.

Hey @alo,

little late but… no issues centering the menu on a fresh installation:

So it seems to be related to your setup. If you can share a link I’m happy to have a look.

Best,

André