[Support request] How do I set Mobile menu alignment right?

[Nir]

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?

[Tom]

Hi there,

Try adding this:

.rtl .main-navigation.toggled .main-nav li {
    text-align: right !important;
}

[Nir]

Well almost.
The text is aligned right, but the arrow for the submenu is still left.

Can you help?

[Tom]

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;
}

[Nir]

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.

[Tom]

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!

[Nir]

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

[Author]

Posts