Hello
I use this code to make the menu from right to left. I put the code at the end of functions.php.
add_action(‘wp_enqueue_scripts’, ‘custom_rtl_include’);
function custom_rtl_include() {
$template_url = get_template_directory_uri();
wp_enqueue_style( ‘avia-rtl’, $template_url.”/css/rtl.css”, array(), ‘1’, ‘screen’ );
}
This works fine for the site when visited in browser in computer: http://www.baharngo.org
But in mobile the menu and search icons overlap on the logo.
Is there anyway to move these two icons to the left side separated from the logo when the site is shown in mobile?
Regards
M. R. Abedi
Hey abedia,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .main_menu {left: 1%!important; }}
Best regards,
Mike
Thank you, it worked!
Hi!
We’re glad that Mike was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.
Thank you for using Enfold.
Cheers!
Sarah