Logo distorted in mobile view / smallest responsive level squeezes image

Tagged: logo

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
July 20, 2014 at 7:53 pm #293641

McNitefly
Participant

Dear support team,
I have a logo on my website, which is displayed correctly on pretty much all responsive sizes.
Onle in the smallest version, iPhone and alike, the logo suddenly gets squeezed in the width.
What am I doing wrong?
Thanks for your help,
Tom

July 21, 2014 at 2:39 am #293682
Ismael
Moderator
Hi McNitefly!

Thank you for using the theme.

Try to add this on Quick CSS or custom.css:
```
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 40px !important;
max-height: 40px !important;
top: 5px;
}
}
```
Best regards,
Ismael
July 21, 2014 at 8:46 pm #294019

McNitefly
Participant

Perfect,
thanks Ismael for the quick & competent answer,
now it works.
Cheers,
McNitefly
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Logo distorted in mobile view / smallest responsive level squeezes image’ is closed to new replies.