How to change mobile menu alignment

Dear Support,
can you help us?

Hello Rocco,

does the According menu layout work for you, if you select it to expand instead of pop-up and then set each menu item to be left aligned?

Gina
Themler Support

Really thank you so much...
I tried to set and the menu moves correctly to the left.

but now there is a strange behavior in opening the menu: when expanded is not aligned.
See the screenshot attached.

can you help me?

Could you please allow us accessing your site? www.myesis.it
It seems to be under maintenance mode.

Gina
Themler Support

Sure,
Please refresh it: is online right now
Best

Thank you.
Do you mean that the text is not aligned to the right?

You can check the menu item settings in Themler and see if there is "float" set to "right" or "text-align" set to "right" for it.

If you don't find such a setting, please, get back to us to confirm that the issue is with the text alignment.

Gina
Themler Support

no,
we are trying to align all left as in this attachment.
https://forumattachments.themler.io/122/45122/Schermata-2021-11-09-alle-08.26.07.png

Click the mobile menu in the mobile Editor.
Click Edit Menu.
Click the mobile menu text.
Click the Layout icon .
Choose an alignment under How's the submenu arrow aligned?: Left: The arrow is displayed to the left of the item text. Right: The arrow is displayed to the right of the item text.

you're right!
I can align to left the menu BUT!! right now, I can't align the icon.
Can you try ?

You can try adding this code to Themler -> Settings -> Additional CSS:

@media (max-width: 767px) {
.collapse-button .bd-menuitem-4:not(.bd-mega-item)>a, .collapse-button .bd-menuitem-4:not(.bd-mega-item)>a:link, .collapse-button .bd-menuitem-4:not(.bd-mega-item)>a:visited {
    text-align: left;
}}

Gina
Themler Support

great! it works
really thank you
Best