Huge white gap between header and content (Impulse theme)

Shopify Discussion

Topic summary

A Shopify store owner using the Impulse theme is experiencing excessive white space between the header and page content.

Issue Identified:

  • Large vertical gap visible in provided screenshot
  • Store is password-protected (password: Solsona123*)
  • Problem appears on the “our values” brand page

Solution Provided:
A community member offered CSS code to resolve the spacing issue by:

  • Navigating to Shopify admin → Online Store → Themes → Edit code
  • Adding custom CSS to the base.css/style.css file in the Assets folder
  • The code targets specific section IDs to adjust margins and padding

Outcome:

  • Original poster confirmed the solution worked successfully
  • A follow-up issue was raised about additional white space gaps on the homepage near the logo area

The discussion remains ongoing as the user seeks help with the secondary spacing problem.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi, can anyone help with reducing the big gap between the header and the content.

Screenshot 2023-11-15 at 1.08.47 pm.png
Screenshot 2023-11-15 at 1.08.47 pm.png1920Ă—1080 290 KB

1 Like
2

Hi @Rowdah_D

Could you provide password to view your store?

1 Like
3

Hi @Rowdah_D

Thank you for providing the screen shot. Your website is currently password protected. Can you provide the password for us?

1 Like
4

sure, the password is Solsona123*. It is the our values page under brand.

1 Like
5

Thank you @Rowdah_D . Yes I do see it in your screen shot.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#shopify-section-template--16717157269716__main header.section-header {
    margin: 0;
}

#shopify-section-template--16717157269716__main .page-full.page-content {
    padding-bottom: 0;
}

div#shopify-section-template--16717157269716__3998a2b5-9a3f-4a91-8f5b-3b03698b467a {
    margin-top: 2rem;
}
  • And Save.
  • Result:

Made4uoRibe_0-1700017495342.png
Made4uoRibe_0-1700017495342.png1534Ă—857 250 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
6

Thank you so much, it worked like magic. Can you also help with the home page, there are large white gaps where the logo is.