Extend the announcement header cross (minimal theme)

Solved
Highlighted
Tourist
18 0 3

The minimal theme template comes with the announcement text skewed to the left. How can I extend the text box so it can be one line of text and make it centered ?

0 Likes
Highlighted
Shopify Partner
2227 483 626

Hey @zoepuno,

Please provide a screenshot. Also, share if any other site you're talking about.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
18 0 3

website url is: https://healthyboba.com/

                                                      

Screen Shot 2020-08-28 at 10.17.38 PM.png

0 Likes
Highlighted
Shopify Partner
2227 483 626

This is an accepted solution.

Hey @zoepuno,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (min-width: 769px){
.header-bar__left { width: 60% !important }
}

 

Let me know if this works!

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
18 0 3

Perfect! all in one line thanks!

1 Like