Menu is cut and does not appear correctly

Home › Forums › Jevelin Theme › Menu is cut and does not appear correctly

Home › Forums › Jevelin Theme › Menu is cut and does not appear correctly

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

  • ot.tremelin
    Participant

    Hi,

    My menu is cut and does not appear correctly, especially for the section called “groupes”.

    As you can see on the screenshot N°1 attached, all the submenus are cut on the right.

    I would like to have the submenus on the left of the section (as you can see on the screenshot N°2), so that will be more visible.

    I tried with the Yellow Pencil, but I didn’t succed.

    Can you help me ?

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

    Shufflehound Support
    Moderator

    Hi @ot.tremelin,

     

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

     

    Could you please share your site URL where it’s displaying so that I can help you?

     

    Best regards,
    Shufflehound team

    ot.tremelin
    Participant

    Hi,

    Yes, for sure : lacdetremelin.com

    In fact, I think it depends of the screen size. On my laptop, I’ve this problem, but not on my computer (except using the Yellow Pencil, It’s the same for both as you can see on screenshot N° 2 above).

    Shufflehound Support
    Moderator

    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

     

    #page-container .sh-nav li.menu-item:nth-last-child(2) > .sub-menu {
    margin-left: -400px;
}

    ot.tremelin
    Participant

    Hi, thanks for your help, it’s working !

    Except for the submenu N°3, as you can see in the screenshot attached, they are overlaying and it’s not really visible.

    Do you have a solution ?

    Thanks,

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

    Shufflehound Support
    Moderator

    Solution for this topic

    Please change the shared CSS code as below.

     

    #page-container .sh-nav > li.menu-item:nth-last-child(2) > .sub-menu {
    margin-left: -400px;
}

    ot.tremelin
    Participant

    Great,

    Thanks for your help !

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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