Different background image for PC and Mobile

  • Ranscapture

    (@ranscapture)


    8 years ago

    Hi, my website is ranwei.net. And I have viewed it on a PC, iPhone 7+, iPhone 6s, and iPad Air and the background looks good on the PC and Tablet, but terrible on mobile. Is it possible get some kind of “if viewed on mobile device resize background to X or use This background instead.”

    Here are screenshots of what it looks like on each device.
    PC
    Tablet
    iPhone 7+
    iPhone 6s

Viewing 2 replies - 1 through 2 (of 2 total)
  • j09

    (@j09)

    Hello @ranscapture

    Yes it is possible to do so.

    The way I usually do this is using the

    @media

    rule in CSS

    in a nutshell, you tell specify different backgrounds for different screens.

    You can read more about it here

    Let me know if you need more help

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi,

    On which screen sizes are you facing this issue? Thank you. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different background image for PC and Mobile’ is closed to new replies.