How can I perfectly center the logo in my website header?

[Marco211]

Do you know how to put the logo perfectly centered?

Thank You very much

https://refade-8966.myshopify.com/

password: refade

[Spac-es]

Delete this code: justify-content: space-between !important; from base.css line 3893:

@media (min-width: 990px){
  .header{
    display: flex !important;
    justify-content: space-between !important;
}

Add the following code in your base.css:

@media (min-width: 1200px) {
  h1.header__heading {
    margin-left: 61px;
  }
  .header__icons {
    left: 37%;
  }
}
@media (min-width: 1136px) and (max-width: 1199px) {
  .header__icons {
    left: 39%;
  }
}
@media (min-width: 1016px) and (max-width: 1135px) {
  .header__icons {
    left: 33%;
  }
}
@media (min-width: 990px) and (max-width: 1015px) {
  .header__icons {
    left: 28%;
  }
}
@media (min-width: 990px){
  .header__icons {
    position: relative;
  }
}

This code dynamically adjusts the position based on the width of the device.

I hope you liked it!

[Marco211]

It works on homepage but not in the other pages unfortunately

[Spac-es]

Which one of them isn’t working? I’ve checked, and personally, the code works for me on the other pages like Information, Gallery, or Blog.