Hi. I’m having trouble reducing the padding of our header. The padding both above and below the logo is a bit excessive. I’m wanting to slim the header up just a bit. Any help?
Thanks in advance.
Topic summary
Goal: Reduce excessive padding above/below the logo in the Canopy theme header to make it slimmer.
What happened:
- Helpers asked for the store URL (and password if needed) to inspect the issue.
- The store’s preview URL was provided.
- A step-by-step fix was suggested: in Shopify Admin go to Online Store > Themes > Edit code, open theme.liquid (the main theme layout file), and paste custom CSS (Cascading Style Sheets) before the tag, then save.
- A “Result” screenshot was shared showing a visibly slimmer header after applying the change.
Notes:
- The actual CSS snippet to reduce header padding isn’t visible in the provided transcript.
- Images are central here to demonstrate the before/after header size.
Status:
- No explicit confirmation from the original poster that the solution worked; outcome appears promising based on the shared result image but remains unconfirmed in the thread.
1 Like
Hi @AoNSK
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
Hey @AoNSK
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Thanks for the info, check this one.
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 “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!