Gap in header

Solved

Gap in header

Daniel19901
Shopify Partner
165 0 27

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

 

Accepted Solutions (2)

Raj-webdesigner
Shopify Partner
322 75 78

This is an 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;
  }
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

BSSCommerce-HDL
Shopify Partner
1118 384 452

This is an 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

BSSCommerceHDL_0-1719406457910.png

.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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 2 (2)

Raj-webdesigner
Shopify Partner
322 75 78

This is an 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;
  }
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


BSSCommerce-HDL
Shopify Partner
1118 384 452

This is an 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

BSSCommerceHDL_0-1719406457910.png

.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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency