Home>Support>How to have an RTL menu?

How to have an RTL menu?

By Eyal Rosen, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

When switching from English to Hebrew, the menu should switch to RTL direction. E.g. the search function should be on the left end and the order of the menu items should start from the right.

Any way to achieve this?

Thanks

URL: http://www.talirosen.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Eyal

    Vantage unfortunately isn’t yet RTL ready but I’m keen to work these issues with you as they come up. Here is our starting point:

    https://github.com/siteorigin/vantage-child/tree/feature/rtl

    On the right you’ll find a download zip button. The ZIP file can be installed from Appearance > Themes > Add New : Upload Theme.

    After activating a child theme it’s normal for Customizer and menu location settings to reset. If the child theme works you’ll unfortunately need to redo those.

    Let me know how you come along.

  2. 10 years, 3 months ago Eyal Rosen

    Hi. Thank you I appreciate it.

    I installed the child theme and everything seems to be ok. All I had to do was to re-mark my menu as the primary menu.

    A few things to resolve in the current RTL (Hebrew) menu:
    1. The right side of the menu does not adjust all the way to the right
    2. The order of the menu items is still reversed (the first item starts on the left side, while it should start from the right).

    Solvable?

    Thanks again

  3. 10 years, 3 months ago Eyal Rosen

    BTW, #1 is most noticeable when the mobile menu is used.

  4. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Sure, let me look into these now.

  5. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Here are a few updates to hopefully resolve. The quickest way to sync with my copy is to navigate to Appearance > Editor, edit rtl.css in the child theme and overwrite all contents with:

    https://raw.githubusercontent.com/siteorigin/vantage-child/feature/rtl/rtl.css

    It’s only ok to make edits via Appearance > Editor because we’re working in a child theme.

    Besides a small problem with the mobile menu icon I couldn’t see any problems with the mobile menu. Perhaps you could provide further details on that problem.

    Thanks

  6. 10 years, 3 months ago Eyal Rosen

    Hi Andrew. All done now – including the mobile menu. Thanks for the code, it looks great!

  7. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    For sure. I’ll try schedule time to create a complete rtl.css file for Vantage this month. Please let me know if you see anything else during your development and I’ll make a note of it.

    All the best :)

  8. 10 years, 3 months ago Eyal Rosen

    Hi Andrew. Thanks for that. I worked mostly with center alignment to work around RTL issues (e.g. in the sidebar circle elements, and footer text). I had to do some minor CSS changes for that, but that’s ok. Some may also like to see the sidebar switch sides. Good luck.

  9. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad you were able to make progress with those items. Thanks for you feedback :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More