[Resolved] Image doesn't resize on mobile.

[Mary Kaiser]

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.

[Mary Kaiser]

Figured it out!

HTML:

CSS:

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

[Tom]

Glad you got it sorted! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts