Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 2, 2015 at 10:34 am #528332
    Munford

    Hi guys
    A quick question. I have a color section at the top of this page: http://andesworldtravel.com/nature-culture/ which is, according to chrome dev tools, supposed to look like this on an ipad: http://imgur.com/I7bHKAG but actually looks like this: http://imgur.com/gLM9WBz. Is the parallax effect disabled on ipads? Can you help me get the background image to display correctly? right now it’s set to 75% page height, parallax, center left, no repeat. I have looked through other threads on this topic but was not sure which fix I needed.
    Thanks for your help
    Nancy

    November 3, 2015 at 3:52 pm #529356
    Andy

    Hey Munford!

    you could try to control position of your background image on iPad with this code:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
.av-parallax.avia-full-stretch.enabled-parallax.active-parallax {
background-position: 0px 100px;
}}

    adjust it as needed. Don’t forget to clear browser cache and hard refresh afterwards.

    Best regards,
    Andy

    November 10, 2015 at 12:00 pm #533170
    Munford

    HI Andy
    I added that code but still have the same issue on the ipad – it’s landing half-way down the image. Not sure how to adjust it to be higher up, and the chrome developer tools are not showing the correct display – do you know what could be causing that?
    thanks for taking a look
    Nancy

    November 10, 2015 at 3:51 pm #533364
    Andy

    Hey!

    try to use this code instead:

    @media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
.av-parallax.avia-full-stretch.enabled-parallax.active-parallax {
background-position: 0px 100px;
}}

    and adjust the background-position values, so you will notice the changes.

    Best regards,
    Andy

    November 10, 2015 at 4:05 pm #533377
    Munford

    sorry but I am not seeing any changes…
    :(

    November 10, 2015 at 4:43 pm #533423
    Andy

    Hi!

    can you provide us admin access please? so we can take a deeper look into it.

    Cheers!
    Andy

    November 12, 2015 at 10:54 pm #535119
    Munford

    sure,
    thanks

    November 13, 2015 at 2:26 pm #535379
    Andy

    Hi!

    I checked your machu picchu image with different browser sizes and on chrome developer tools and on http://ipadpeek.com/ and it looks totally fine for me (not like in your screenshot from first post). Could you fix it?

    Regards,
    Andy

    November 13, 2015 at 3:02 pm #535408
    Munford

    thanks for taking a look – maybe it’s fixed now = my ipad was still giving me the wrong display. I wasn’t sure I could trust the chrome dev tools as it was showing it as OK when it wasn’t (before I tried your code).
    thanks
    Nancy

    November 13, 2015 at 3:28 pm #535439
    Andy

    Hey!

    don’t forget to clear browser cache on your iPad. Hope it will work fine for you!

    Cheers!
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.