How to fix a non-responsive mobile venue theme?

[SoberCarpenter]

Hello everyone

I make a code for my venue theme to make sticky headers an announcement bar but this one is not fully responsive on mobile. I still have a space between the headers and the anouncement bar.

Someone can help me?

[Shop_Lovers]

Hi,

Please share preview URL.

Thanks

[SoberCarpenter]

https://sobercarpenter.myshopify.com/

[Shop_Lovers]

Hi,

This looks good to me. See attached image.

Thanks

[SoberCarpenter]

I dont know why on my samsung S20 i still have a space

[PageFly-Richard]

Hi @SoberCarpenter

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

I have seen your problem when zoom out the screen like this: https://prnt.sc/buBCAM-Y5hza

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->Theme.css->”style” tag->paste below code in bottom of file

.shopify-section.shopify-section-header.js-section_.header{

top: 0 !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[davidweinling]

hello @SoberCarpenter can you please share your code for the sticky announcement bar ? Thanks