XF 1.x Replace Large Desktop Image to mobile image

Commodore

Registered
 

Steve

Pixel Exit Staff
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%;
}
 

Steve

Pixel Exit Staff
Example of what it should look like after you make those changes.
iPhone 6 Plus View
upload_2017-2-21_7-33-19.png
 

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

Pixel Exit Staff
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.