1 line annoucement bar

Solved
adorna
Excursionist
35 0 5

I'm using Minimal theme and the announcement bar seems to break into 2 line when typing extra characters.

How can I make it stay in a single line? It seems to occupy a lot of space in the header and I do not want that.

Desktop view: 

adorna_0-1625121338038.png

Mobile view:

adorna_1-1625121371641.png

 

Want them as a single line text, atleast in desktop

 

0 Likes
HardikDavra
Shopify Partner
2311 361 994

Hello, @adorna 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
adorna
Excursionist
35 0 5
HardikDavra
Shopify Partner
2311 361 994

This is an accepted solution.

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media screen and (min-width: 769px) {
.header-bar__left {
    text-align: left;
    width: 56.33%;
}
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
adorna
Excursionist
35 0 5

That's amazing, it's working!!

Thank you so much

HardikDavra
Shopify Partner
2311 361 994

@adorna  Thank you for the update.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes