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
852 205 255

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; } }

 

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube channel (EcommerceTV).
hennrylam
Tourist
12 0 2

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

 

thank you

Nick_Marketing
Shopify Partner
852 205 255

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

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube channel (EcommerceTV).