Hi there,
on iPhone 5s my site logo is shown on top of the menu icon. Please help fix this.
Hello,
Please add these lines into your custom css box:
@media (max-width: 480px){ #logo img { width: 80%; padding-left: 13%; } }
Best regards!
this CSS solves the problem only partially. It will stretch only logo width and it doesn’t look good. Both width and height should be changed proportionally.
I tried to add this line to the CSS but it didn’t work:
height: 80%;
Please help!
Please delete this css code on the custom css box:
#logo img { height: 43px; }
I don’t have this CSS in my custom CSS box! The logo height is defined in General Options / Logo height.
After a bit of experimentation I found this CSS, which seems to work:
@media (max-width: 480px){
#logo img {
width: 80%;
height: 37px!important;
margin-top: -19px!important;
padding-left: 13%;
}
I hope this CSS doesn’t create any other problems I’m not aware of. It seems to work with my logo.
You must be logged in to reply to this topic.
