Solved

What steps can I take to minimize header margin in a Shopify Debut theme?

KrisGuo
New Member
8 0 0

Screenshot 2021-07-12 at 9.37.13 AM.png

Hello, can I check what should I do to reduce the margin between 1) logo to announcement &  2) menu to the end of header.

my theme is debut.

 

Thank you!

Accepted Solution (1)
Nick_Marketing
Shopify Partner
1487 336 462

This is an accepted solution.

To adjust top padding, find .site-header.logo--center (currently set at 20px), in theme.css files. 
To minimize the bottom padding: Find .site-nav--centered in the theme.css file.

I did a few tweaks in the browser, this is how it looks after correction.

2021-07-11 22_35_27-Three Musketeers Liquor Delivery Pte Ltd.png


I hope the answer is sufficient!

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).

View solution in original post

Replies 14 (14)