Upper Header gap adjustment (HELP)

hennrylam
Tourist
12 0 2

Hi guys, I was wondering if anyone could help me adjust the gap of our upper header.

Please refer to the image below. 


image link: https://ibb.co/8MCm5WV

Thanks again! 🙂 

 

- Henry

Replies 3 (3)
Nick_Marketing
Shopify Partner
1364 314 397

Add this code to the bottom of theme.scss.css. It should minimize the padding above and below the header section. To increase the padding, adjust the PX values.

  @media only screen and (min-width: 750px) {
    .site-header__upper {
      padding-top: 0px;
      padding-bottom: 0px; } }

 

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).
hennrylam
Tourist
12 0 2

hey @Nick_Marketing  where can i find theme.scss.css in the coding?

 

thank you

Nick_Marketing
Shopify Partner
1364 314 397

Go to Online Store-> Actions >Edit code > Look under Assets sections. It could be called theme.scss.css or just theme.css

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).