Venture Theme Mobile Announcement Bar Text Padding

Solved
MOCHILOCO
Excursionist
18 0 4

I noticed that the text on announcement bars on the Venture theme when viewed from a mobile device is quite narrow, sometimes causing a short sentence to take up two lines and therefore more landing page space (prime real estate.) What is the easiest way to remedy this problem? Thanks.

Pallavi
Shopify Expert
1731 251 305

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
HardikDavra
Shopify Partner
2240 348 964

Hello, @MOCHILOCO 

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

PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
MOCHILOCO
Excursionist
18 0 4
0 Likes
HardikDavra
Shopify Partner
2240 348 964

Please enable announcement bar.

PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
MOCHILOCO
Excursionist
18 0 4

Done.

0 Likes
HardikDavra
Shopify Partner
2240 348 964

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

.locale-selectors__content {
margin: 0px !important;
padding: 0px !important;
}

@media only screen and (max-width: 450px) {
.page-width notification__inner {
    padding: 5px 0px;
}
.page-width notification__inner .notification__message {
font-size: 11px;
}
}
PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
MOCHILOCO
Excursionist
18 0 4

Thank you, but there appears to be no change. I've experimented with disabling and re-enabling the bar, changing the content of the text, viewing it on different phones, but so far nothing.

0 Likes
HardikDavra
Shopify Partner
2240 348 964

Then Please explain more with screenshots what you exactly want.

PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
MOCHILOCO
Excursionist
18 0 4

mod1.jpgBasically I want the text to fill up more of the blank gold space.

0 Likes