- This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago by
.
Hey there,
Is there a CSS code to fix the placement of the text and icons in the mobile menu? I need it just in the hebrew version, the menu in the english version works fine.
Thanks!
Hi @Cakelab,
I hope you are well today and thank you for your question.
Could you please tell me exactly how you want it to display?
Also could you please share me your site URL where it’s displaying so that I can help you to achieve it?
Best regards,
Shufflehound teamYes,
I attached a file. Basically I wanted to look like a mirror image of the english menu. I hope this helps.
URL:
(but you need to open it on a mobile to see it)
Solution for this topic
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
html[dir="rtl"] .sh-nav-mobile a.menu-item-open-fix { right: 0; } html[dir="rtl"] .sh-nav-mobile li.menu-item-has-children > a:after{ float: left; margin-left: 0; } html[dir="rtl"] .sh-nav-mobile li.menu-item-has-icon > a:before { left: auto; right: -24px; } html[dir="rtl"] .sh-nav-mobile li.menu-item-has-icon > a { padding-left: 0; padding-right: 25px; }Perfect! Like always, it worked like a charm.. Thanks!
You are always welcome here 🙂
