Gap in header

[Daniel19901]

Hi, there's a gap between my header and the announcement bar on mobile. Can anyone help me fix it?

Thank you in advance!

0e20d4-3c.myshopify.com

[Raj-webdesigner · Accepted solution]

Add This css in your edit code > base.css file

@media screen and (max-width:620px){
  .shopify-section.shopify-section-group-header-group {
    top: 34px !important;
  }
}

[Raj-webdesigner · Accepted solution]

Add This css in your edit code > base.css file

@media screen and (max-width:620px){
  .shopify-section.shopify-section-group-header-group {
    top: 34px !important;
  }
}

[BSSCommerce-HDL · Accepted solution]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

.site-header-transparent {
    transform: translate(-50%, -4px) !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍