Unwanted gap between header and featured product

[Sammy113]

Hey everyone,

Ive got this unwatned gap between my header and feature product.

I've tried all the layout settings but hasn't changed anything and ive tried a few codes i've found on here but nothing works.

It's the small green section I'm trying to get rid of!

https://1xes1x-bj.myshopify.com/

Thank you!

[Dan-From-Ryviu]

You added this code somewhere in theme.liquid or header.liquid file, which caused the issue.

@media screen and (min-width: 750px) {
    .section-header {
        margin-bottom: 24px;
    }
}

Please remove this code. If you cannot find and remove it, please add this code to your theme.liquid file 

<style>
@media (min-width: 750px) {
    html .section-header {
        margin-bottom: 0;
    }
}
</style>

[oscprofessional]

Hi @Sammy113 ,

Go to Online Store > Themes > Actions > Edit Code > base.css

Add below code at the bottom of  base.css  file

@media screen and (min-width: 750px) {
  body .shopify-section-group-header-group.section-header {
    margin-bottom: 0 !important;
  }
}

[LizHoang · Accepted solution]

Hi @Sammy113 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

@media (min-width: 768px) {
    html .section-header {
        margin-bottom: 0 !important;
    }
}

Best,

Liz

[Sammy113]

Thank you so much!! This worked perfectly!