I tried a few other solutions that were shared and none of them worked for me. I am trying to have my logo not be too big for mobile and be centered. Photo to show what it is currently doing. Website is Cassidystation.com password: Cassidy
Hi @cassidystation ,
- Go to Admin page > Online store > themes > Actions > Edit code
- Open the base.css under the Asset folder then add the code below.
@media only screen and (max-width: 750px) {
.site-header__logo-image > img {
max-width: 100% !important
}
}
Ok, I tried that and nothing happened…does it possibly take a few minutes for this type of thing to update and display correctly on mobile? I clicked save, then preview, and then went to the site on my phone and nothing had changed. Thanks!
You have a broken inline code. Can you remove this in the header.liquid under the Section folder.
style="max-width: px;"
This code is next to the img