Reducing gap between header and main page

[davehill]

Hi All,

Please could someone help me with how I get rid of the gap between the header and the slider in the image below?

I have used Elementor remove title option to get rid of the title but I can’t see how I can remove the gap so the header and the slider meet each other?

Thanks!

 

 

 

[Andy]

Add this CSS to ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:

.site-content {
    margin-top: 0;
}

This will remove the gap on all pages across the whole site.
If you only want to remove the gap on a particular page (the page in your screenshot doesn’t seem to be live when I visit your site), please let me know the page URL and I’ll be able to help further.

[davehill]

Hi Andy,

Thanks for your help on this!

I only need to remove the gap on one page.

The page is currently only on my staging site as it is not live so you won’t be able to see it.

The page name is ‘Home Bar Shop’ if that helps with the code?

Thanks

[Andy]

It’s not possible to target a specific page with the page name, but you can use the page ID, for example a page with the ID of 123:

.page-id-123 .site-content {
    margin-top: 0;
}

[davehill]

Perfect that worked! Thanks Andy

[Author]

Posts