Making Website Background Mobile Phone Friendly

  • The background image on my website looks perfectly fine on a computer, but when I view it on a mobile phone it cuts off the background image and leaves a blank space at the top on the link below, and the main page. On all the other pages the background is just completely blank. How can I fix this?

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

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

  • The page at the link is using background-attachment: fixed which holds the image in one place when the page is scrolled. But mobile devices don’t do scrolling the same way as computers. They have a viewport, and using fixed doesn’t work the same way.

    You can try using a media query for smaller windows that changes the attachment to scroll.
    These types of questions are best asked at your theme’s support forum, so that everyone gets the fix.

    Thread Starter Tessila

    (@tessila)

    I did try the scroll instead and it didn’t do anything different to the mobile view, but it did create the same problem on the computer as it did on the phone before.

    Thank you for informing me. I always have a hard time knowing which forum to post particular questions in. Should I create the topic in my theme’s support forum then?

    I think you should ask the people that are most likely to know (author and users) and to benefit.

    Thread Starter Tessila

    (@tessila)

    Okay, I will. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Making Website Background Mobile Phone Friendly’ is closed to new replies.