Image won’t resize on mobile

The parallax doesn’t work on mobile, you should add a mobile image. See example from main instructions for the plugin use. Setting a mobile image will set a static image on mobile that sits above the text.

[dd-parallax img="imagename.jpg" height="600" speed="3" z-index="-100" mobile="mobile-image.jpg" offset="true"] 

Text to be overlaid on the paralllax window

[/dd-parallax]

• This reply was modified 5 years, 4 months ago by thehowarde.

I’m having the same issue as the one I think @virginiawordpress is having. When the plugin uses a static image it is not adjusting the height of the block to suit the full height of the image, so some of the text from the next section of the page is being hidden under the bottom of the image.

Unfortunately the devices this happens on are the ones where the browser does not have F12 debug facility, so it’s hard to see what’s going wrong in the CSS. It also does not show up on emulators but is definitely there on iPads, Android tablets and phones.

Hi Simon.

As previously stated, the parallax image is not responsive, unless you choose a mobile image.

The parallax.js script I’m using from pixelcog isn’t responsive, so the mobile image unless specified won’t work.

You can try using browserstack, or lambdatest to debug your mobile image, or use Chrome’s developer tools, and emulate iPad or whatever to see what you’re trying to see.