White Gap after Header

Hi,

I’m using Sydney for the website www.mdvbeauty.co.uk that i’m building at the moment. I decided not to use any of the theme’s header image/slider options and add a slider from the plugin Smart Slider 3 via Elementor instead. However, when i add the slider to the page, it doesn’t put it at the top of the page, but rather leaves a white gap between the header and the slider. How can i get rid of the gap?


Thanks,

Hello there,

Try enabling Frontpage template instead of Full Width.

Regards,
Kharis

Hi,

When i enable Frontpage it does reduce the gab but there is still a white line below the header

Hello there,

It looks your Elementor row has extra 10px padding which produces such an empty space at the top when header color is dark. To avoid it, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .content-area > .site-main {
      margin-top: -10px;
    }

I hope this helps.

Regards,
Kharis

That looks perfect now. Thanks!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis