Reduce white spaces between two sections on Empire theme

Topic summary

Main issue: Excessive white space between homepage sections on the Shopify Empire theme, including above the header and between the header and the first section.

Proposed steps: Edit the theme code (Online Store → Edit Code), open theme.liquid, and insert custom code just above the tag. Screenshots show the placement, but the actual code snippet is not provided in the thread.

Recent updates: A second store owner reported that the suggested approach did not work and shared their site URL, requesting help to remove top-of-page and header-to-section spacing. The helper reiterated the same steps without supplying specific code.

Key context: theme.liquid is the main layout file in Shopify themes; changes there typically affect site-wide spacing via CSS or scripts.

Attachments: Images highlight the whitespace areas and show where to insert code; they are central to understanding the issue.

Status: No confirmed resolution. Open questions include the exact CSS to reduce section padding/margins and whether spacing is controlled by theme settings versus custom CSS.

Summarized with AI on December 21. AI used: gpt-5.

url: https://pickemparts.com/

I would like to remove the white space between sections on my home page. I have highlighted the white spaces I am talking about. Any help would be greatly appreciated. Thank you!

Hi @pickemparts

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like

Thank you!

this isn’t working for me unfortunately. any other way to make the white space smaller/ nonexistent?

Hi,

Can you provide me link to your store?

1 Like

Hi! it’s https://terraintek.com

more specifically, I want to remove the white space at the most top of the screen (above the header) and the white space between the header and section 1. TIA

Hi @jumping_bear11 ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like