Rev Slider Full Width mode white space underneath

Home › Forums › Jevelin Theme › Rev Slider Full Width mode white space underneath

Home › Forums › Jevelin Theme › Rev Slider Full Width mode white space underneath

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

  • supporttester
    Participant

    Hi there,

     

    I am using the revolution slider with with the Hero scene and full width mode. However when I test and make the screen width smaller on my browser the area of white below the slider increases.

     

    I used the inspect on my browser and by disabling the following I got the white space removed when I move the browser width.

     

    How can I make this change permanent? Thanks

     

    Before change:

    .sh-section-48a3f8aed778d6d5ee899786a1fe8663 {
    padding: 0px 0px 0px 0px;
    min-height: 100vh;
    }

    After change:

    .sh-section-48a3f8aed778d6d5ee899786a1fe8663 {
    padding: 0px 0px 0px 0px;
    min-height: 0vh;
    }

    Shufflehound Support
    Moderator

    Hi @supporttester,

     

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

     

    You can make it permanent by adding that CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    Best regards,
    Shufflehound team

    supporttester
    Participant

    Thanks I have added it to the custom code location but when I save and check the site it is not updated and stays the same, in the inspector the data has not changed. Do you think it is being overwritten at a later time? Thanks

    Shufflehound Support
    Moderator

    You are using cache on your site so please clear it as displayed in the attached screenshot.

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

    supporttester
    Participant

    In my custom code I have:

    
.sh-section-48a3f8aed778d6d5ee899786a1fe8663 {
    padding: 0px 0px 0px 0px;
    min-height: 0vh;
}

    I did as you recommended but it does not seem to have changed.

    To test you need to resize the browser so its not very wide but pretty vertical
    Do you know anything else I might try?
    Thanks!

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

    Shufflehound Support
    Moderator

    Please remove custom mobile padding for that section as shown in the attached screenshots.

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

    supporttester
    Participant

    I have tried this but it is not working.
    I have attached a video of the issue:

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

    Shufflehound Support
    Moderator

    Solution for this topic

    To resolve it I have added below custom CSS code on your site so could you please check it now?

    #page-container .sh-section-48a3f8aed778d6d5ee899786a1fe8663 {
    min-height: 0;
}

    supporttester
    Participant

    Works great, so it was the # instead of the .
    Thank you so much for the help

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

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