Docs

[yhshin1020]

Hey,

How do I center my header logo on mobile / tablet devices?

Thanks!

[yhshin1020]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! To center the logo on smaller screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS or insert this code in your child theme’s style.css (if you are using a child theme)

@media(max-width: 979px){
  .site .x-brand {
    float: none;
    margin: 0 auto;
    text-align: center;
  }

  .site .x-brand img {
    width: auto;
    max-width: 120px;
  }
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts