Docs

[toddfmay]

Hello- on http://dev-palmspringslife.pantheonsite.io/attractions/our-town/ when the browser is resized the image keeps it’s original height, but not width. Image gets tall and narrow.

I tried :
.site .x-recent-posts .x-recent-posts-img{
background-size: contain !important;
}

but that had no affect?

How can I keep the original size and have width and height resize at the same ratio on smaller screens?

THanks- Todd

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .entry-content.content img {
        height: auto !important;
        max-width: 100% !important;
    }
}

Hope it helps 🙂

[toddfmay]

Great – that worded – As always – Thanks- Todd

[Thai]

If you need anything else please let us know.

[Author]

Posts