How do I make page header in Dawn be left instead of center?

How do I make page header in Dawn be left instead of center?

dscott16
Visitor
2 0 1

Hey! 

 

How do I make my page header's in Dawn be left instead of center? I don't think there is an option to make it go that way so I assume the only option is through the page code.

 

See my picture to see what I mean. I want the words "Grades 3-5" to be left aligned.

 

Screen Shot 2022-03-23 at 11.32.00 AM.jpg

 

Thanks!

Replies 4 (4)

ZestardTech
Shopify Partner
5724 1050 1383

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
AvadaCommerce
Shopify Partner
3879 839 981

Hi @dscott16 ,

 

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

banned
dscott16
Visitor
2 0 1
AvadaCommerce
Shopify Partner
3879 839 981

Hi @dscott16 ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

@media (min-width: 990px) {
.header--middle-left {
    grid-template-columns: 1fr auto 1fr !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned