Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 23, 2014 at 7:32 am #308179
    djshortkut

    My fullscreen slider on my iPad and iPad Mini in landscape mode extends a little farther than full screen (see image) I noticed that this also happens when I pull up the demo. It seems to work fine on all web browsers and iPhone. Not sure if this is a bug but is there some quick CSS you can give me to fix this please? Thanks!

    August 25, 2014 at 3:03 am #308536
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-ipad #top .scroll-down-link{
bottom: 25px !important;
}

    Cheers! 
    Josue

    August 26, 2014 at 12:38 am #309020
    djshortkut

    That’s what I needed but is there a way to make it so it only moves the arrow up on the iPad and iPad Mini screen size in landscape mode? This code raises the arrow in landscape and portrait mode but portrait mode is ok and doesn’t need to be changed, just landscape mode. Thanks!

    August 26, 2014 at 2:12 am #309044
    Josue

    Hey!

    You can wrap that in a media query that targets only iPad landscape:

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.avia-ipad #top .scroll-down-link{
bottom: 25px !important;
}
}

    Reference: http://stephen.io/mediaqueries/

    Regards,
    Josue

    August 26, 2014 at 3:02 am #309066
    djshortkut

    That did the trick. Thank you very much!

    August 26, 2014 at 3:22 am #309069
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullscreen slider on iPad’ is closed to new replies.