RTL Issue - Main Menu

Home Forums Jevelin Theme RTL Issue – Main Menu

Home Forums Jevelin Theme RTL Issue – Main Menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • Hi there,

    I’ve just installed the construction demo. Everything looks good but the actual main menu.

    I’ve managed to fix the logo and top bar, but the actual navigation bar still needs work. Basically, it’s still LTR and for some reason whenever I check the RTL in theme settings > general, it adds social icons on the right (where the actual menu should go).

    The menu itself is showing the other way around (LTR) – even though in appearance and menus it’s the way it should be.

     

    Can you please help me fix this issue?

    Attachments:
    You must be logged in to view attached files.

    Hi @KayZ,

     

    I hope you are well today and thank you for your question.

     

    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

     

    .rtl .sh-header-10 .sh-table .sh-table-cell:first-child {
        display: none;
    }
    .rtl .sh-header-10 .sh-table .sh-nav-left {
        float: right;
    }

     

    Best regards,
    Shufflehound team

    Hi there,

     

    Thank you for your reply!

     

    So it doesn’t do what I need it to do all the way.

    I’ve attached another image after applying your CSS – you can see there that the actual menu is still the other way around (which I’m assuming should be PHP and not CSS). And the social icons I would like to be on the left side and not float right.

    Can we do this?

    Attachments:
    You must be logged in to view attached files.

    Solution for this topic

    To achieve that instead of above shared CSS code, please use below CSS code.

     

    .rtl .sh-header-10 .sh-table .sh-table-cell:first-child {
        display: none;
    }
    .rtl .sh-header-10 .sh-table .sh-nav-left {
        width: 100%;
    }
    
    .rtl .sh-header-10 .sh-nav-left li.menu-item{
        float: right;
    }
    
    .rtl .sh-header-10 .sh-nav-left li.menu-item.sh-nav-social {
        float: left;
    }

    Thanks 🙂

    You are most welcome here 🙂

Viewing 6 posts - 1 through 6 (of 6 total)