Center logo between hamburger menu and search icon only on mobile version only Dawn Theme 2.0

[Darlindoggie]

I need to center my logo between the hamburger menu and search icon on the mobile version of Dawn Theme 2.0. Please see screenshots of how it looks "before" and how I want it to look "after".

Any help would be greatly appreciated!

Thank you in advance. :  )

[Zqdo]

Can you share the link to your website please? This would make it a little bit easier for me to guide you in the right direction. Thanks.

[Darlindoggie]

Thank you for your response!

The website is:  https://thehappydogsociety.myshopify.com/

The password is: darling

The logo on the desktop is fine the way it is but the mobile needs to be centered as seen in screenshots.

[suyash1]

@Darlindoggie - can you please share this page link? we will need to adjust the sapcing

[Darlindoggie]

Thank you for your response!

The website is: https://thehappydogsociety.myshopify.com/

The password is: darling

The logo on the desktop is fine the way it is but the mobile needs to be centered as seen in screenshots.

[suyash1]

@Darlindoggie - try this css, add it to the very end of your base.css file and check

@media screen and (max-width:749px){
.header{grid-template-columns: 0fr 2fr 1fr;}
}

[Darlindoggie]

Thank you for the solution but it did not do anything. The logo is still in the same position. Do you have anything else I can try?

[suyash1]

@Darlindoggie - can you please add the code back?