How to change mobile menu alignment

rocco
20 Posts
rocco posted this 3 weeks ago

Dear Support,
we want to change display mode of mobile menu. Can you help me?
we would like to see the expanded menu as in the attached screenshot.
When expanded, the menu should be left aligned.
It's possible?

our website.. www.myesis.it

Best

Dear Support, we want to change display mode of mobile menu. Can you help me? we would like to see the expanded menu as in the attached screenshot. When expanded, the menu should be left aligned. It's possible? our website.. www.myesis.it Best
Vote to pay developers attention to this features or issue.
11 Comments
Order By: Standard | Newest
rocco
20 Posts
rocco posted this 3 weeks ago

Dear Support,
can you help us?

Dear Support, can you help us?
Support Team
Support Team posted this 3 weeks ago

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?

Screenshot-1.png

Screenshot-2.png

Screenshot-3.png

Gina
Themler Support

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? !Screenshot-1.png! !Screenshot-2.png! !Screenshot-3.png! Gina Themler Support
rocco
20 Posts
rocco posted this 2 weeks ago

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?

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?
Support Team
Support Team posted this 2 weeks ago

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

Gina
Themler Support

Could you please allow us accessing your site? www.myesis.it It seems to be under maintenance mode. Gina Themler Support
rocco
20 Posts
rocco posted this 2 weeks ago

Sure,
Please refresh it: is online right now
Best

Sure, Please refresh it: is online right now Best
Support Team
Support Team posted this 2 weeks ago

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

Screenshot-5.png

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

Thank you. Do you mean that the text is not aligned to the right? !Screenshot-5.png! 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
rocco
20 Posts
rocco posted this 2 weeks ago

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

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
nukacowessess1972
1 Posts
nukacowessess1972 posted this 2 weeks ago

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.

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.
rocco
20 Posts
rocco posted this 2 weeks ago

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

you're right! I can align to left the menu BUT!! right now, I can't align the icon. Can you try ?
Support Team
Support Team posted this 2 weeks ago

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

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
rocco
20 Posts
rocco posted this 1 weeks ago

great! it works
really thank you
Best

great! it works really thank you Best
You must log in or register to leave comments