Mobile slider broken when navigation has many items

Home › Forums › Jevelin Theme › Mobile slider broken when navigation has many items

Home › Forums › Jevelin Theme › Mobile slider broken when navigation has many items

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

  • cjahn
    Participant

    Hi,

     

    I am experiencing the following issue: once the top navigation has a certain amount of items, the revolution slider is not displayed properly on mobile anymore: it appears cut off and only part of the bottom of the slider is visible.

     

    Thank you!

     

     

     

    Shufflehound Support
    Moderator

    Hi @cjahn,

     

    Sorry to hear of the problem you are having.

     

    I can see on your shared site that you are using too much custom CSS code which may be causing this issue so could you please test it temporary removing the custom CSS code?

     

    Best regards,
    Shufflehound team

    cjahn
    Participant

    Hi,

    Thanks for your message. I am not using any custom CSS code.

    Could there be another reason?

    Thank you for the support!

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

    Shufflehound Support
    Moderator

    Ok may be Unyson plugin is generating it.

    Could you please add that slider on any other test page to confirm whether it is page specific or slider specific issue?

    cjahn
    Participant

    Hi, I just created a page from the corporate template with my slider (which is based on the same template).

     

    Also I noticed that the problem does not occur when there are less items in the navigation.

     

    Thanks again

    Shufflehound Support
    Moderator

    To troubleshoot it, on that page please remove all other elements from the page except slider.

    cjahn
    Participant

    Done! Link is the same, issue remains.

    Shufflehound Support
    Moderator

    It seems due to some reason the slider JS is not applying height to the slider causing this issue.

     

    As you said it seems related to long navigation and I have to find out what is relation between them so would you mind if I log in to your site and do some troubleshooting? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will be able to see it.”?

    cjahn
    Participant

    Sure – WP is set up in German, I hope that’s not a problem

    Shufflehound Support
    Moderator

    Solution for this topic

    I resolved the issue on your site using below custom CSS code.

     

    .sh-revslider,
.rev_slider_wrapper {
    min-height: 150px;
}

     

    Could you please confirm it?

    cjahn
    Participant

    It seems like the custom code fixed the issue – thanks for the fast support!

     

    One more q: will the custom code survive theme updates or will I need to reinsert it after every update?

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

     

    The custom code will survive after theme updation.

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