Center Heading Theme Dawn

Store Design
1

8d7bad10fb4943e6d970c2a678f5ba7c copy.jpg
8d7bad10fb4943e6d970c2a678f5ba7c copy.jpg1904×411 106 KB

So I found a code that would allow me to have the logo on the left side and keep the text menu in the middle.

But if you look closely, you’ll notice that the text menu isn’t actually centered.. Compare to the message field above.

I feel like the “d” in “utbud” should be slightly the the left of the flagpole on the picture below (where the red line is).

Does anyone know how I get the text menu more centered?

This is the code that I applied to the base.css:

@media screen and (min-width: 740px) {
.header {
display: flex !important;
justify-content: space-between;
width: 100% !important;
margin-left: auto;
margin-right: auto;
}

1 Like
2

Hello @Byggstan

Please share site url

3

Hi @Byggstan

Please, share your store URL. Thanks!

4

Hi @Byggstan ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

5

Sorry for late reply, here’s my site:

6

Sorry for late reply, here’s my site:

7

Sorry for late reply, here’s my site:

8

No worries, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

2 Likes
9

worked perfectly! Thank you! :grinning_face:

10

Your code is working perfectly for the header. How can I make it work the same way for the footer?

11

Hi @supporty

Good to hear it works in your theme! The footer has a different code, but I can take a look. Please share your store URL. Thanks!

12

I used to open assets/base.css in the code editor, look for this code around line 2372 or 2391, and replace the first auto with 1fr, but it no longer works in version 15.3. https://www.trackfitwatches.com/