Solved

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

manan123
Excursionist
76 1 0

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/

manan123_0-1707296078359.png

 

Accepted Solution (1)

BrainStation23
Shopify Partner
146 28 30

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

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

View solution in original post

Replies 5 (5)

BrainStation23
Shopify Partner
146 28 30

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

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
manan123
Excursionist
76 1 0

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
Shopify Partner
146 28 30

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

Faisal Ahmed | Brain Station 23

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com
manan123
Excursionist
76 1 0

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
Excursionist
76 1 0

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