Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26358

    Hi guys

    The replete website is looking great, however I have one last issue with the homepage slideshow displaying on ipads/iphones etc. The text doesn’t re-size according to the size of the device and appears massive and gets cut off on the side of the screen. Is there a fix for this? The website is http://www.adelaideglassblocks.com.au

    #130138

    Hi,

    Please add this on your custom.css or Quick CSS

    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

    @media only screen and (max-width: 1024px) {
    /* Add your Mobile Styles here */
    .caption_right .slideshow_inner_caption {
    left: -40%;
    }
    .caption_left .slideshow_inner_caption {
    right: -40%;
    }

    #top .caption_supersize .slideshow_caption h1 {
    font-size: 25px;
    }

    #top .caption_supersize .slideshow_caption .featured_caption {
    font-size: 12px;
    }

    .chrome .slideshow_inner_caption, .safari .slideshow_inner_caption {
    width: 70%;
    }

    }

    Play with the property values.

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘mobile device slideshow display issue’ is closed to new replies.