For more information, please refer to this announcement explaining best practices for getting answers to questions.
Reponsive Images in Header (Page Template Editor)?
Summary
My source code gets replaced for my "responsive" image in the headerContent
I have an image inserted in the header of my page template. I would like for this to be responsive so if the page is viewed on a mobile device, smaller screen, etc., the image will resize accordingly...here is the code i'm using:
<html>
<head>
<style>
img { width:100%; }
</style>
</head>
<body>
<img src="/files/images/Footer___MCG.png" />
</body>
</html>
I'll click the "Source Code" button found in the Header's toolbar and insert the code, click OK. After the Source Code window closes, the image that was originally "bleeding" over is now auto-resized to fit in the Header window. But if I click on the "Source Code" button again, all of my code is replaced with: