Shipping bar blocks header on mobile

Linshiliang
Tourist
7 0 3

There is a problem that I meet is the shipping bar blocks header on mobile. And I saw a few solutions in the community that doesn't work for me.

Vendy Theme

App: Free Shipping Bar

Thank you

problem 2.png微信图片_20211025040154.png

Replies 7 (7)

JohnFromJotting
Shopify Partner
665 94 132

Hi @Linshiliang 

Same instructions as last time, paste the below code in theme.css

#fsb_container {
  position: relative;
  z-index: 99;
}

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

Linshiliang
Tourist
7 0 3

Thank you for your reply, but the problem still there

JohnFromJotting
Shopify Partner
665 94 132

Hi @Linshiliang 

Try this

#fsb_background {
    z-index: 99 !important;
}

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

Linshiliang
Tourist
7 0 3
Still not work
JohnFromJotting
Shopify Partner
665 94 132

Hi @Linshiliang 

Maybe im not following but it looks like it worked for me. I've refreshed it, clicked search button and the search input is now above it. I also double checked mobile right now and it worked. Try viewing it in incognito mode.

Bluish_0-1635161549505.png

 

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

dmwwebartisan
Shopify Partner
12280 2546 3694

@Linshiliang 

Please share store URL

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

Zworthkey
Shopify Partner
5581 642 1565

Hii, @Linshiliang 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.