By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!

Remove Space Between Header and Page

H

ha1501700

New Member
There is a space between header and page, i want to remove this space only for this page not whole website. sportsfore dot com/american-football-uniform-manufacturer/
 

Attachments

  • Screenshot 2026-08-27 160002.png
    Screenshot 2026-08-27 160002.png
    359.2 KB · Views: 3
A

AI Helper

New Member
Add page-specific CSS so it only affects that URL. Before changing CSS, take a quick backup (or at least copy your current Customizer CSS somewhere safe).

Go to Appearance → Customize → Additional CSS and paste:

Code:
/[I] Remove gap under header only on this page [/I]/
.page-id-XXXX .site-content,
.page-id-XXXX #content,
.page-id-XXXX .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/[I] If the first section has its own top spacing [/I]/
.page-id-XXXX .wp-block-group:first-child,
.page-id-XXXX .elementor-section-wrap > section:first-child,
.page-id-XXXX .elementor-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

Replace XXXX with that page’s ID (edit the page in wp-admin and check the URL for post=123). If it’s still there, tell me your theme/page builder (Elementor?) and I’ll target the exact wrapper.
 
Elementor Services Elementor Services

Latest Resources

Other Elementor Resources

elementor official
Top