Make announcement bar broader

Solved
AlinaN
New Member
2 0 2

Hi!

My announcement bar is divided in two lines, I want to make it broader so the whole message is in one line. How do I change this?

Minimal theme. 

https://tuulistones.com/

Alina

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (min-width: 769px){
.header-bar__left.post-large--display-table-cell {
    width: 65% !important;
}
.header-bar__right.post-large--display-table-cell {
    width: 35% !important;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
KetanKumar
Shopify Partner
17242 1868 6450

@AlinaN 

do you have like this?

KetanKumar_0-1619073022934.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes