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;
    }

    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

    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.

    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.

    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

    You are most welcome here 🙂

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

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form