Not working on mobile?

  • I installed this plugin because I was having issues with my website’s header on mobile. It looks fine if the phone is held horizontally, but the image is cut off when the phone is held vertically. After installing the plugin, activating it, and choosing the ‘bigger dimension’ setting, nothing has changed on mobile. Did I skip a step?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takis Bouyouris

    (@nevma)

    Hello, @mpl92,

    What you describe is probably a layout/styling issue in your theme in combination with what the Adaptive Images plugin does. It is really hard to give help without looking at the website itself. Would you like to share the url with me, so I can take a look?

    Apart from that, I do not see any problems with the settings you made so far.

    Cheers,
    Takis

    Thread Starter mpl92

    (@mpl92)

    Hi Takis,

    My website is https://www.mariapolansky.com

    Thanks for your help!

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello, @mpl92,

    Indeed, I believe this is an issue that has to do with your theme. It is this CSS property in this element https://prnt.sc/26l93nx/ that causes the image to extend beyond the visible part of your screen in mobile screen sizes. If it could be changed to this https://prnt.sc/26l968i/, ie background-size: contain;, then the whole of the image would be contained inside the element and the screen.

    It’s a little hard to say how your theme could accommodate this change. Perhaps it is some setting it can provide? Or perhaps a page builder? Or, ultimately, one could write some custom CSS in a child theme or in the Customizer.

    Hope this helps!

    Cheers,
    Takis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Not working on mobile?’ is closed to new replies.

Tags