Global empty space below header on all pages

Hi,

I am using the Woodmart theme and I noticed a gap below the header across all pages.

This is not only on the homepage, but appears globally throughout the website.

Important details:
– The gap is not strictly white — it follows the page background color (currently white, so it appears white)
– Breadcrumbs are enabled
– Page title is disabled
– No extra margin or padding is set in Elementor top sections
– No spacer or empty container is used

Previously, I temporarily adjusted the layout by moving the first section upward using negative margin, but I have now removed that workaround.

I would like the content (including breadcrumb area or first section) to start directly below the header without this additional spacing.

Could you please advise the correct way to remove or control this spacing globally?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Please copy and paste the below given CSS code to Theme Settings >> Custom CSS and check back the result.

main#main-content {
    padding-top: 0 !important;
}

Best Regards,

Thank you for your reply!

Your code successfully solved the problem, but I’ve noticed that the same issue is occurring at the bottom as well. How should I fix this? Should I use the same method?

Looking forward to your reply.

Best regards,

Hello,

Please delete the old custom CSS code given in my last message and copy and paste the below given CSS code to Theme Settings >> Custom CSS and check back the result.

main#main-content {
    padding-top: 0;
    padding-bottom: 0;
}

Best Regards,

[Author]

Posts