Put Logo in the center of header

Marco211
Explorer
84 0 19

Do you know how to put the logo perfectly centered?

Thank You very much

Screenshot 2024-01-22 230438.png

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

password: refade

Replies 3 (3)

Spac-es
Shopify Partner
302 90 114

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.

 

Captura.PNG

I hope you liked it!

Marco211
Explorer
84 0 19

It works on homepage but not in the other pages unfortunately

Spac-es
Shopify Partner
302 90 114

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.