Gap in header

Store Design
, , ,
1

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

Daniel19901_0-1719406071466.png
Daniel19901_0-1719406071466.png415×250 94.6 KB

2

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

BSSCommerceHDL_0-1719406457910.png
BSSCommerceHDL_0-1719406457910.png1919×873 121 KB

.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 :heart_eyes:

3

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