[Resolved] Mobile Menu rtl

[Farokh]

Hi, Tom

My desktop menu is perfect, but my Mobile menu is on the left side.

I need the mobile menu also on the right

Can you help with some css to add to the child theme?

Thank you

[Farokh]

Also sticky mobile menu label floats to left.

Before scrolling down it is in the center

[Leo]

Hi Farokh,

Are you wanting the mobile navigation to slide out from the right? If this post should work: https://generatepress.com/forums/topic/reverse-flip-position-of-slideout-menu-right/#post-175356

As for repositioning the mobile menu icon, are you using the mobile header feature or just logo+sticky?

Let us know.

[Tom]

I think he means the actual mobile menu button.

What version of GP Premium are you using? Everything should be RTL compatible.

[Farokh]

I am using the latest version.
I am not using the rtl.css
I just used some css you provided to have just the menu in rtl

two issues now:
1. MOBILE menu items float to left
2. The actual mobile menu button floats to left when you scroll down, otherwise in is in the center

[Tom]

Can you link me to your site so I can give you some CSS?

[Farokh]

Sure

http://www.lingaline.com/

[Tom]

Try this:

button.menu-toggle {
    text-align: right;
    float: none !important;
}

[Farokh]

ONE issue solved, thanks 🙂

Now the second issue is when you click the Mobile menu button, the items float to left

[Tom]

Here you go:

@media (max-width: 768px) {
    .main-navigation li {
        text-align: right !important;
    }
}

Out of curiosity, why not use a RTL language?

[Farokh]

Thanks it worked, like always 🙂

Good question!
I use Learn Dash plugin to teach some online university courses in English language, and If I change WP language to Persian(RTL), LD functionality will be affected, since it follows the language of WP.

Furthermore, Elementor will also follow WP language.
So I thought because my plugin and page builder are LTR, maybe it’s a good idea to have the theme also in LTR, and where necessary, I could use some customization (like right now).

But, I’m not entirely sure if I’m doing the right thing. Maybe I could leave WP language in English along with LD and Elementor, but change GP to RTL (because the user interface is mainly in Persian. But I’m not sure.

What do you think!? Any Suggestions?

[Tom]

You could possibly just copy everything from the rtl.css file in GP and add it to your stylesheet? That might make things a bit easier?

Glad I could help 🙂

[Farokh]

Then GP would be RTL, but WP, Elementor, and Learn Dash are still LTR.

Possibly, there is no conflict between them, is that right!?

[Tom]

Possibly, you can always remove the CSS if it causes conflicts and keep going with what you have 🙂

[Farokh]

Helpful like always
Thanks Tom 🙂

[Author]

Posts