Archived topic
How do I set Mobile menu alignment right?
6 replies · Started by Nir on May 4, 2018
Hello support,
If I open the menu on mobile, I get all the menu items aligned left.
How can I align the menu items right?
I work with Wordpress Hebrew version.
It is an RTL version.
Why do the menu items by default aligned left?
Hi there,
Try adding this:
.rtl .main-navigation.toggled .main-nav li {
text-align: right !important;
}Well almost.
The text is aligned right, but the arrow for the submenu is still left.
Can you help?
That's how it's supposed to be. It's right aligned on non-RTL sites.
You can force it not to be with this CSS:
.rtl .menu-item-has-children .dropdown-menu-toggle {
float: none !important;
}I don't think so.
In LTR, Do you set the text left and the arrow right?
Look at a tablet. There is a long space between the text and the arrow if the text is right and the arrow left.
Anyway, your CSS solved the problem.
Thanks for your help.
Nir Petrank
I think you need to make this change in the theme.
In LTR, the arrow is on the far right. This gives the user ample space to tap the arrow to open the dropdown menu.
Glad it's working for you :)
The first CSS I gave you will be included in GP 2.1.1.
Thanks!
Sorry to tell you, but the space between the arrow and the text takes me to the text page and doesn't open the submenu.
Try it yourself.
Nir Petrank
