How can I center the header menu in Dawn without moving the logo?

Store Design
1

Hi, I would like to put the header menu center without moving my logo on the top left. I tried various solutions but none worked for an exact central alignment. Btw I’m using the dawn design. Can someone help me please?

2

@fedethrft can you please share your website link?

3

Hi @fedethrft ,

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.

4

Hi, thanks for the reply! My shop is thrft.shop

5

@fedethrft - do you want like this?

suyash1_0-1647333942924.png
suyash1_0-1647333942924.png1366×768 208 KB

6

Hi, I would like it to be exactly under “Life of clothes are never lost”. Thanks

7

Hi @fedethrft ,

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-areas: "heading navigation navigation icons" !important;
    }
    .header__icons {
        width: 207px !important;
        justify-content: end !important;
    }
    .list-menu--inline {
        display: flex !important;
        justify-content: center !important;
    }
}

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

8

Yes, thanks for your help!