Responsive background picture

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Fruitful Code

    (@fruitfulcode)

    Background is responsive, example below
    https://demo.fruitfulcode.com/

    Thread Starter kwiecu

    (@kwiecu)

    Well, I’ve checked your demo on either my computer or my smartphone (5 inch), and the background picture isn’t responsive at all.

    When on a big screen of the computer the picture is fully displayed, on a small screen of my smartphone I can see only 15-20% of the picture(corner of the picture).

    What resolution of the background picture do you recommend?

    Thread Starter kwiecu

    (@kwiecu)

    I’ve just tested your demo on an iPad (10 inch), the same problem. I can see only 50-60% of the picture. The picture is cropped.

    Theme Author Fruitful Code

    (@fruitfulcode)

    kwiecu,

    Yes background is cropped depending of screen size, what you suggest?

    Thread Starter kwiecu

    (@kwiecu)

    Well, I suggest making the background responsive by ‘squeezing’ a picture into a size which would allow to display as much as possible (I get that it’s simply impossible to display all on every screen size). Probably a good solution would be also cropping and centring a picture? It would help to ‘plan’ position of the background on different screen sizes.

    My problem with the background you can see on my website:
    https://www.pastaristo.pl

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive background picture’ is closed to new replies.