How to center announcement bar text. Minimal theme.

jamesMeegan
Excursionist
40 1 8

Screen Shot 2021-09-22 at 9.44.29 PM.png

 Im really not sure how I would go about making it so the announcement text is center. If you could explain to me how you went out about finding the place to change the code that would be very appreciated, thank you.

URL: https://minimal-design-james.myshopify.com

Password: FoxHound422

 

0 Likes

hii, @jamesMeegan 
Paste this code on top of the theme.scss file.

@media only screen and (min-width: 992px) {
.header-bar__module.header-bar__message {
    margin-left: 97% !important;
    width: 100% !important;
}
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com Get support
0 Likes
SagarikaDas
Shopify Partner
136 11 54

Hi @jamesMeegan 

This will help you place your announcement bar text at the center.

You'll need to replace the code with the code given below in your Assets > theme.scss file.

.header-bar__left {
text-align: right;
width: 55%; }

.header-bar__right {
width: 45%; } 

SagarikaDas_0-1632370526156.png

Cheers!

Sagarika Das | iCart Team
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
0 Likes