How to reduce the top and bottom margin of a header in a debut theme on Shopify?

Store Design
, ,
1

How can I reduce the top and bottom margin of a header in a debut theme on Shopify.

My website: https://smartproducers.co/products/the-ultimate-guide-to-selling-beats-online-in-2023

2

Hello @smartproducers

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets-theme.css>Add this code at the bottom.

header.site-header.border-bottom.logo--left {
    margin-top: -13px !important;
    margin-bottom: -1px !important;
}
3

Hello,

It doesn’t work, I added this code at the bottom, but the header is still the same size: https://smartproducers.co/products/the-ultimate-guide-to-selling-beats-online-in-2023

4

Hello @smartproducers

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.site-header {
    margin-top: -9px !important;
    margin-bottom: -1px !important;
}