Not responsive logo on Elemental


I am using the Elemental template which is responsive.
But the picture I use as logo on all my websites look :
- fine on destop and ipad
- ugly on iphone (or any small mobile screen).

It is "wrapped", "squeezed", I don't know how to say.
See the attachment :

I would like the proportion to be respected. Is there a simple way to fix this ?

Thank you very much

1 Attachment

View Replies: View Best Answer
hutman replied on at Permalink Reply
It looks like your CSS needs height: auto; for the logo image
ConcreteOwl replied on at Permalink Best Answer Reply
Currently you have an inline style of...
style="width: 379px; height: 103px;"

Try replacing that style with this...
style="max-width: 379px; max-height: 103px; width: 100%; height: auto;"

Don't forget to clear the cache...
wollastoni replied on at Permalink Reply
@ConcreteOwl < thank you very much, it works ! :)