Support » How-To and Troubleshooting » Images are not scaling properly on iphone/ipad

Images are not scaling properly on iphone/ipad

  • I am using a theme, eDental, that I had converted to WordPress.

    Everything looks how I want it to on the computer monitor but when I open it up on the iphone or ipad, the slider images and background images are not displayed correctly. They are much too big and not scaled where they should be.

    I’m very new to WordPress and have tried adding other suggested codes from different forums but nothing seems to be working. This is the latest suggestion I used:
    .parallax {
    position: absolute;
    background-attachment: fixed;
    background-position: top center;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;

    @media (max-width: 991px) {
    .parallax {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;

    I would really appreciate any help or insight. My website url is

    Thank you so much!

  • The topic ‘Images are not scaling properly on iphone/ipad’ is closed to new replies.