How can I center my header logo on mobile? (boundless theme)

Store Design
1

Hello I am looking to center the header logo on mobile in boundless theme for this site. Any help would be appreciated.

www.sacredmirrors.co

Password: know-thyself

2

Hi @fw27 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css->paste below code at the bottom of the file:
.grid__item.one-third.medium-up--one-sixth {
    width: 15%;
}
.grid__item.one-third.medium-up--two-thirds {
    width: 65%;
}
.grid__item.one-third.medium-up--one-sixth.text-right {
    width: 20%;
}
@media (max-width: 540px){
  .site-header__logo-image {
     max-width: 100%;
  }
}

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

Best regards.