Images in header position to be responsive

Hi,
I placed an image in header module position. Looks good on a desktop screen but on mobile devices it is cut off or not resized.
Is there a modul class suffix or an image class to get it to be responsive?


Would be nice, if someone could help me at this point.

Thanks in advance

HI,
it depends how you have input image --- using html or css ?

Hi

I was asked by @derKranich on Skype to join this conversation. Can You please tell me an url to the page with this image so I'll be able to check ?

I used a html module in header position on the frontpage with a simple code like:

Code: Select all

<p>
<img width="960" height="456" alt="xyz" src="/images/stories/start.jpg">
</p>


Hi

As we talked in Skype it was not about an image placed in the backgorund of the site. I've just checked the image You have added to a header and You need to change it's code in custom html module from:

Code: Select all

<p>
<img width="960" height="456" alt="xyz" src="/images/stories/start.jpg">
</p>


to

<p>
<img style="max-width: 100%; height: auto;" alt="xyz" src="/images/stories/start.jpg">
</p>

That solved the problem!
As always... thank you very much teitbite for your great support and help!

Hi

No problem. Glad I coud help