Header Shadow Image


Sizing images correctly for mobile devices in WordPress

Sizing images correctly for mobile devices in WordPress just needs the following in the image properties.  For example, add the following:

max-width: 100%; height: auto;

to images such as these:

Ensuring you also have the following set to size the page appropriately for mobile devices:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

in your header files or main PHP files.

Cheers,
HTH

Subscribe
Notify of
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments

     
  Copyright © 2003 - 2025 Tom Kacperski (microdevsys.com). All rights reserved.

Creative Commons License
This work is licensed under a Creative Commons Attribution 3.0 Unported License

 

0
Would love your thoughts, please comment.x
()
x
The IT Development and Technology Mini Vault | MicroDevSys.com
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.