Issue with Announcement Bar Width and display - Dawn 13.0.1

Shopify Discussion
1

Hello experts,

I have an issue with announcement bar, it looks like this, wrapped when entered a bigger sentence.

aaskretail_0-1709239275871.png

I want it to look like this in a single line:

aaskretail_1-1709239276078.png

URL: irsyaofficial.com

Can someone help ? Thanks !

1 Like
2

Hi @aaskretail

Go to Online Theme > Choose Theme > Click 3 dots > Click edit code > Find Assets > Base.css. Then find this code below.

Made4uoRibe_0-1709242107808.png

And change the 4fr to 6 like this.

Made4uoRibe_1-1709242373411.png

And save.

Result:

Made4uoRibe_2-1709242391434.png
Made4uoRibe_2-1709242391434.png1202×162 71.9 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

Hi @aaskretail

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

div#Slider-sections–22184216559910__announcement-bar {

width: 500px !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

4

Hi, this works well for the desktop but the mobile site gets distorted !

5

This worked well ! Thank you

1 Like