My logo is not rendering well on the mobile device
Hello,
Please go to Appearance >> Customize >> Custom CSS and JS >> Custom CSS box and add the CSS below:
@media only screen and (max-width: 539px) {
.logo a {
max-width: 50%;
}
}
In above CSS snippet, the 539px is for screen size you want to target, for example, you can set it to 768 to include small ipads.
Please let me know if you need any further help with this.
Thank you
I had the same issue on iPad and tweaking this CSS solved it
@media only screen and (max-width: 1024px) {
.logo a {
max-width: 99%;
}
}
Can you please share the css you used?