Make Announcement bar text appears in one line only on mobile device

[manan123]

Hey , can you please help me to make announcement bar text appears in only one line on mobile device , no changes on desktop please help me

My store url is -- https://mansaroverfurnishings.com/

[BrainStation23 · Accepted solution]

Hi @manan123. You can add the followings:

1. Go to your theme editor

2. From Theme Settings click Custom CSS

3. Paste the below code there:

@media screen and (max-width: 600px) {
  .announcement-bar.page-width {
    padding: 0 !important;
  }
}

Please let me know if you've any query.

Faisal Ahmed | Brain Station 23
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution

[manan123]

Hey can you please help me

I'm using dawn theme for my store but when i chose another variant on product page the buy now button gets disappeared please help me to solve this ....

my website url is --- https://mansaroverfurnishings.com/

[BrainStation23]

@manan123for which product? I mean a product which has a variant can you mention?

Faisal Ahmed | Brain Station 23

[manan123]

can you please help me to make my announcement bar transparent & of same colour on mobile device also as it is on desktop device??

store url  --https://mansaroverfurnishings.com/

[manan123]

all the products which have variant options having same issue i'm giving you the direct url please check whats the problem,,, when i click on variant the buy now disappears,,

url of products;; https://mansaroverfurnishings.com/products/arrow-verse-winter-bedsheets-collection-by-ross-14