I installed the plugin but It… doesn’t work?

  • I’m a very new web developer so I don’t know what I’m doing wrong about it. The background image seems fine in PC but it only shows the center part in iPad or mobile. I tried using CSS with some tutorials but the furthest I got was with resizing the image in mobile (in iPad It was bad still) but It was very small and It was only on top of the page.

    I saw some people using this plugin with great results and I had hope It could fix it but I installed it, saved the settings but nothing has really changed. I’m doing something wrong?

    I would aprecciate some help, thanks in advance!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • #waffle

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello @kaioken,

    The issue you are describing is a CSS-related one I’m afraid. See here https://prnt.sc/p9yed2/. It is one that the Adaptive Images plugin cannot solve.

    You can try and set the background-size CSS property to either cover or contain (https://prnt.sc/p9yg25/) but I do not think either of these will do what you want. Actually it is impossible to fit a landscape image nicely into a portrait container. It either has to stretch or leave some portion of the container uncovered.

    Our plugin does something entirely different. It resizes images on the fly, so that mobile devices download smaller sizes, but it does not mess with the website’s styling or layout.

    @duckieloan456 could you clarify your message please?

    Cheers,
    Takis

    Thread Starter kaioken

    (@kaioken)

    Thank you very much!!! It means a lot that quick response. I think if I could write the CSS to contain the image on mobile and ipad It could work, because now that you mention it, I also think what I was asking was impossible hahaha.

    Do you know what I have to write on the aditional CSS part to get the image to contain onnly on mobiles and ipad? Thanks for the help anyways, is very apreciatted.

    Plugin Author Takis Bouyouris

    (@nevma)

    Hello, my friend,

    What you probably need to do is write a media query. You can find more info on this in websites such as https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries or even search for it in Google.

    Cheers,
    Takis

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘I installed the plugin but It… doesn’t work?’ is closed to new replies.