Issue with Announcement Bar Width and display - Dawn 13.0.1

[aaskretail]

Hello experts,

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

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

URL: irsyaofficial.com

Can someone help ? Thanks !

[Made4uo-Ribe · Accepted solution]

Hi @aaskretail 

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

And change the 4fr to 6 like this. 

And save. 

Result:

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

[aaskretail]

This worked well ! Thank you

[PageFly-Henry]

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

[aaskretail]

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