• Resolved anoukhospes

    (@anoukhospes)


    Hello,

    I’ve added Smart slider headers on every page, except the homepage.
    When I look at the pages with my mobile there is a white space between the navigation and the smart slider headers. How can I remove this white space?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Nextendweb

    (@nextendweb)

    Hi @anoukhospes,
    you should remove the padding on this selector:

    .page .page-wrap .content-wrapper{
    padding-top: 0;
    }

    Also there is a 10px padding on the Elementor column which contains the slider. Please set that to 0px.

    Thread Starter anoukhospes

    (@anoukhospes)

    Thank you! It initially worked.
    But I changed something back, so the menu worked the way it should be on desktop. (I changed something, to check if it would remove the white space, but it didn’t of course. So I changed it back to it’s normal value)
    And now the white space is back again.

    Could you please check it again?

    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @anoukhospes

    The problem still caused by the top padding.
    But as I see, it starts to occur when the view-port is 1024 px wide or smaller.
    What you could try is this CSS code:

    @media only screen and (max-width: 1024px) {
      div.page-wrap{
        padding: 0px;
      }
    }

    what you could insert at Slider Settings>Developer tab>CSS
    https://smartslider3.helpscoutdocs.com/article/1294-slider-settings-developer
    so this CSS code will only be applied on pages where the slider with the CSS code used.

    Best regards,
    Laszlo.

    Thread Starter anoukhospes

    (@anoukhospes)

    It worked!
    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘White space between navigation and header’ is closed to new replies.