How to change header to center align

[Stmz]

Hi

I was trying to make the header transparent, but somehow it just changed to that, I have replace the header.liquid and theme.liquid files to the default one, but it remains the same. How can I change it back to the default Dawn theme header?

[Moeed]

Hey @Stmz

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Stmz]

https://a9cafm-y3.myshopify.com/

Password: ealtai

[Stmz]

https://a9cafm-y3.myshopify.com/

Password: ealtai

[devcoders]

Hello @Stmz

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

header.header.header--middle-center.header--mobile-center.page-width.header--has-menu.header--has-account {
margin: auto!important;
}

[Rahul_dhiman]

Hello @Stmz
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

#shopify-section-sections--16815864152143__header header {
margin: 0 auto;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Stmz]

I added the code, but it still looks the same.

[Stmz]

I don’t see there are any margin: 0 !important set with header tag in the header.liquid.

[devcoders]

Hello @Sayed_Safin

please go to the header.liquid and theme.liquid files, search for this ID — #shopify-section-sections–16815864152143__header header, and remove the margin from it: margin: 0 !important;

[Stmz]

I see, but I’ve searched both files and I don’t see that line of code anywhere.

[Moeed]

Hey @Stmz

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[devcoders]

Hello @Stmz
Kindly share your store access so that I can check and update you accordingly.

[Stmz]

Problem has been solved, thank you

[Stmz]

Hi Moeed,

That works, but it still looks kind of off. The right side is fine, but the left side – “Home” is still left aligned, that’s what I want to change, I want that to move closer to the center center.

Still appreciate your help tho!

[Moeed]

Hey @Stmz

Keep the previous code and add this new code above in the end of theme.liquid file

.header__inline-menu {
    margin-left: 20px !important;
}
.header__icons {
    padding-right: 30px !important;
}

RESULT:

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Stmz]

It worked, thank you!