Menu Items are not organized in RTL

Home › Forums › Jevelin Theme › Menu Items are not organized in RTL

Home › Forums › Jevelin Theme › Menu Items are not organized in RTL

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts

  • khaleds
    Participant

    Hello,

    The menu items are not orgnized while using theme in RTL.

    the propper order show be:

    (LEFT) Social Media , Menu Items , Logo (RIGHT)

    also the order of the menu items are reversed.

     

    please check the attachment, I’ve explained how it’s now and how it should be.

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

    Shufflehound Support
    Moderator

    Hi @khaleds,

     

    Thank you for your question.

     

    You can change logo position 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-header .sh-table-cell {
    float: left !important;
}

html[dir="rtl"] .sh-header .sh-table-cell.sh-group {
    float: right !important;
}

     

    Best regards,
    Shufflehound team

    khaleds
    Participant

    This code doesn’t help.

    please check out the previous attachment picture, it will explain the issue.

    Shufflehound Support
    Moderator

    By default, the theme displays header menu elements in the following sequence as displayed on the demo site  https://jevelin.shufflehound.com/

     

    Logo

    Navigation Menu

    Social Icons

     

    So the opposite of it is as following

     

    Social Icons

    Navigation Menu

    Logo

     

    which is displaying on your site.

     

    If you want to customize the display of it then  to achieve this, you have to develop custom code in the child theme of Jevelin theme.

     

    Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

     

     

    khaleds
    Participant

    hahahaha did you even open the attachment that I’m referring??

    the order of logo icon, menu, social is correct but how the menu items are display now is wrong! they are reversed.. first item should start from the right and the last one would be on the left.

    while now the first item is on the left and the last item is on the right.

    Shufflehound Support
    Moderator

    Solution for this topic

    Yes I opened shared attachment but I don’t understand arabic language.

     

    Sorry for that.

     

    You can reverse menu order by using below custom CSS code.

     

    html[dir="rtl"] .sh-nav li.menu-item:not(.sh-nav-special) {
    float: right;
}

    khaleds
    Participant

    Thank you, it works just fine now 🙂

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)