[Support request] Same width of photos on mobile

[reistad]

I have one page where I want the same width of photos on mobile.
That works fine on desktop and Ipad but not on mobile.

Is there a CSS I can use for that?

The page is: https://wfsf.org/past-officers/

[David]

Hi there,

are you wanting to keep the text to the right of the image as well ?

[reistad]

No. It would be best to have the text beneath the picture. It is may be a specific class or id I could use for that post to give a CSS for the mobile version.

[David]

A quick CSS fix for that page would be this:

.postid-29 .wp-block-image {
    max-width: 140px;
}

[reistad]

Since this is only a problem for the mobile version.
May be a “CSS @media Rule” like the one below will fix the problem for this specific post?

@media only screen and (max-device-width: 480px) {
.postid-29 .wp-block-image {
max-width: 140px;
}

}

[David]

For sure you can apply it within that Media query 🙂
I would probably use this:

@media(max-width: 768px) {
    .postid-29 .wp-block-image {
        max-width: 140px;
    }
}

[reistad]

Thank you David! Worked perfect.

[David]

Glad to hear that!

[Author]

Posts