XF 1.x Replace Large Desktop Image to mobile image

Commodore

Registered
 

Steve

Moderator
Remove all the inline CSS from the <img> tag and add this to your EXTRA.css
Code:
.node82 img {
        background-size: 100%;
        max-width: 100%;
        max-height: 100%;
}
 

Commodore

Registered
That looks great but my vertical view is squished too tight even on an Samsung 7 Edge. Landscape mode it looks great.

So what I did was place the code in extra.CSS.... but where do i find the inline CSS from the <img> tag?
 

Steve

Moderator
It must be coming from where you created the page node HTML. It's going to be difficult to read on smaller devices, not much you can do really.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.