Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 19, 2016 at 2:13 pm #701320
    Sadegh

    Hi,

    (this problem is related to the RTL menu in tablet and mobile mode)

    – Our website shows English menu completely right:
    .

    – But in RTL version, (1) arrows are not directed to the right and (2) the menu layout is not like the one we have in English version.
    .

    Regards,
    Sadegh

    October 19, 2016 at 2:18 pm #701324
    Yigit

    Hey Sadegh,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .rtl #mobile-advanced li > a:before, .rtl .html_header_mobile_behavior #mobile-advanced span > a:before, .rtl #mobile-advanced .mega_menu_title:before {
    left: auto;
    right: 0;
    margin-right: 10px;
    transform: rotate(180deg);
}

    Best regards,
    Yigit

    October 19, 2016 at 2:25 pm #701329
    Sadegh

    Hey dear Yigit,

    Thanks a lot. It solved half of the problem :)

    May I know how could we have difference between parent pages and sub-pages as like as English menu in our RTL version?
    Correct form:
    .

    Regards,
    Sadegh

    October 19, 2016 at 2:33 pm #701331
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .rtl #mobile-advanced ul a, .rtl #mobile-advanced .mega_menu_title {
    padding-right: 50px;
}

    Best regards,
    Yigit

    October 19, 2016 at 2:53 pm #701350
    Sadegh

    Hey Yigit,

    Thanks a lot for your very prompt solutions :)

    Cheers!
    Sadegh
    (you may now close the thread please)

    October 19, 2016 at 2:58 pm #701354
    Yigit

    Hi!

    You are welcome Sadegh, always happy to help :)
    Let us know if you have any other questions or issues!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘RTL menu problem’ is closed to new replies.