Site logo

Archived topic

Image doesn't resize on mobile.

2 replies · Started by Mary Kaiser on July 30, 2015

Viewing posts 1–3 of 3

There is an image featured on my home page, entered as media content in line with the text. I can't figure out how to get it to automatically resize on mobile? I've tried removing the height/width values in HTML and adding CSS style to have the image width adjust according to screen width:

#wp-image-24 img {
width: 30%;
max-width: 200px;
}

This does nothing. Not sure if I'm going about it the wrong way, or if the code is just wrong.

Figured it out!

HTML:

Liz-Crowe-Joong_new

CSS:

.wp-image-24 {
float: left;
margin: 0px 5px 0px 5px;
width: 25%;
max-width: 200px;
}

Glad you got it sorted! :)

This archived topic is closed to new replies.