Images are not scaling properly on iphone/ipad (1 post)

  1. Bonitadelrey
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Topic