Jeremy White
asked 7 years ago

I have some small images (14×30) and narrow, tall images (80×300) throughout my site throughout. When I view the pages on my iPhone (after switching to DW Focus), those images blow up to the width of the browser (almost 300 pixels). This means they blow up by a factor of nearly 10 and 3, respectively. Needless to say, this looks like crap. You can view the issue on my site on any one of hundreds of pages like this one.
Is there any code or plugin that would prevent images from enlarging like this to match the screen’s width? I’d rather fix it with a little code or plugin than go through hundreds of existing pages to remove these images.

1 Answers
DominicStaff
answered 7 years ago

Hi Jeremy, 
To resolve the issue regarding displaying the image on the mobile devices, please log in to Dashboard > Theme > Customize > General Settings then add the following code to the “Header Script”

 <style>
@media (max-width: 320px) {
   .hentry .alignleft, .hentry .alignright {
     float: right !important;
    width: auto !important;
}
}
</style>

Please try out the solution and let me know the results.
Cheers,

Jeremy White
replied 7 years ago

That worked perfectly! Thanks so much!

Powered by DW Question & Answer Pro