Not responsive logo on Elemental
Permalink
Hello
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
Olivier
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
Olivier
It looks like your CSS needs height: auto; for the logo image
Currently you have an inline style of...
Try replacing that style with this...
Don't forget to clear the cache...
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...
@ConcreteOwl < thank you very much, it works ! :)