Tagged: enfold 4.1, mobile menu, rtl
Hi,
It seems like you changed the code of the mobile menu in Enfold 4.1, and it made the mobile menu in my website go LTR instead of RTL (as I manually set a year ago, with an earlier version of Enfold).
What css code is required right now to make the mobile menu go RTL?
Hey barak97,
DO you remember what and where the settings were?
Best regards,
Victoria
This was the code added to the “Quick CSS”:
#mobile-advanced a, #mobile-advanced .mega_menu_title {
padding: 10px 28px;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
right: 0;
margin-right: 10px;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
content: "\25C4";
top: 10px;
}
#mobile-advanced ul {
margin: 0;
padding-right: 20px;
}
#mobile-advanced ul a, #mobile-advanced .mega_menu_title {
padding-right: 28px;
}
I don’t remember if the menu was already aligned to the right and the code just organized the sub-menus, but this is what I’ve got there.
Shalom,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.html_av-overlay-side-classic #top.rtl #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
text-align: right;
}
.html_av-overlay-side #top.rtl #wrap_all .av-burger-overlay li li a {
padding-right: 70px;
}
Best regards,
Yigit
Works like a charm!
Toda! (Thank you)
Hi,
We’re glad that Yigit was able to help you :D Let us know here in the forums if you need assistance with anything else.
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
Thank you for using Enfold!
Cheers!
Sarah