Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #838234

    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

    #838270

    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

    #838272

    Thank you, it worked!

    #838280

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘RTL function’ is closed to new replies.