• 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: 45
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.
 
You must log in or register to reply here.

Share this page

Latest posts

Latest Resources

Other Elementor Resources

elementor official

Still stuck? Ask the forum

Post your question with a screenshot and a link if you can, and a member will usually reply within a day. Free to join, no sales pitch.

Create a free account
Top