Venture Theme Mobile Announcement Bar Text Padding

Solved
MOCHILOCO
Excursionist
17 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
1315 177 216

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
1919 302 825

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.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
selina10261
Excursionist
75 0 7

Have you solved this problem now?

0 Likes
MOCHILOCO
Excursionist
17 0 4
0 Likes
HardikDavra
Shopify Partner
1919 302 825

Please enable announcement bar.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

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

Done.

0 Likes
HardikDavra
Shopify Partner
1919 302 825

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;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
MOCHILOCO
Excursionist
17 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
1919 302 825

Then Please explain more with screenshots what you exactly want.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

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