This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to have an RTL menu?

Resolved 9 replies generalpremium
Eyal Rosen
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 10 years, 10 months ago

    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. Eyal Rosen 10 years, 10 months ago

    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. Eyal Rosen 10 years, 10 months ago

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

  4. Andrew Misplon Staff 10 years, 10 months ago

    Sure, let me look into these now.

  5. Andrew Misplon Staff 10 years, 10 months ago

    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. Eyal Rosen 10 years, 10 months ago

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

  7. Andrew Misplon Staff 10 years, 10 months ago

    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. Eyal Rosen 10 years, 10 months ago

    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. Andrew Misplon Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread