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

  1. Bonitadelrey
    Posted 11 months 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!


You must log in to post.

About this Topic

  • RSS feed for this topic
  • Started 11 months ago by Bonitadelrey
  • This topic is not resolved
  • WordPress version: 3.9.1