Reducing padding (header)

Store Design
, ,

Topic summary

Goal: reduce the top and bottom padding in the Shopify Enterprise theme header to achieve a more compact look similar to the Ongoal website.

Context: The poster searched theme code and settings but couldn’t locate the correct place to adjust spacing. An image of the current header layout was provided for visual reference.

Request: Detailed guidance or code snippets to change CSS padding (the internal space around content that affects header height) specifically for the header.

Latest update: A respondent requested the store URL to inspect the theme and offer precise selectors or instructions.

Outcome/Status: No solution yet; discussion is ongoing and awaiting the store URL to identify the exact CSS selectors and implement padding adjustments.

Summarized with AI on December 23. AI used: gpt-5.
1

Hello,

I am currently using the Enterprise theme for my Shopify store and I would like to reduce the padding in the header to achieve a more compact look, similar to the one on the Ongoal website. Despite looking through the theme’s code and settings, I haven’t been able to identify the correct adjustments needed.

Could you please provide guidance on how to specifically reduce the top and bottom padding of the header? Any detailed instructions or code snippets that could help me achieve this would be greatly appreciated.

Thank you in advance for your assistance!

33810-39813-26893-11017-96737.png
33810-39813-26893-11017-96737.png1920×945 197 KB

1 Like
2

Hi @HakanC

Would you mind to share your store URL? Thanks!