How can I fix header logo positioning issues with Dawn theme?

Store Design
1

Hi, I’m having an issue with my header logo, I’ve added a part of code to add hamburger menu and center logo but when It’s centered in my product page it is lefted in my home page.. Any idea ?

Btw I’ve used the code below:

@media (min-width: 990px){
    .header{
    display: flex;
}

.header .header__inline-menu{
    display: none;
}

/* logo */
.header > *:nth-child(2){
    order: 2;
    width: 100%;

/*     margin: 0 auto; */
}

.header > *:nth-child(2) img{
  max-width: 120px;
  margin: 0 auto;
  display: block;
}

.header__heading-link{
    display: table;
    margin: 0 auto;

}

.header > *:nth-child(4){
    order: 3;

}

header-drawer{
    display: block !important;
}
}
1 Like
2

@jds20

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi, thank you!
https://shopiquet.myshopify.com/

PW : layngo

4

Just to up the topic