Safari mobile view shows overlap on slider

Support › Forums › Cian – HTML Template › Safari mobile view shows overlap on slider

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 1, 2014 at 10:03 pm #3873
    Bernard
    Participant

    Hi. I changed the responsiveness to show the slider mockup image in the mobile view. However, now my mobile view in Safari shows some overlap and doesn’t scale the image…pictured here: https://mail.google.com/mail/u/0/?ui=2&ik=95e2b8b678&view=att&th=1479392c6ada776d&attid=0.1.1&disp=emb&zw&atsh=1

    Chrome’s mobile view scales appropriately, but not Safari. Could you tell me how to make the slider images show up responsively on Safari?

    The website location is: http://www.bernardworthy.com/fotoswipe

    Thanks,
    Bernard

    August 4, 2014 at 7:22 am #3876
    CreaboxThemes
    Keymaster

    Hi,

    I will check the website in Safari browser and I will contact you as soon as possible.

    Regards

    August 4, 2014 at 5:53 pm #3878
    Bernard
    Participant

    Update: The same overlap appears on your default theme when viewing in Safari as well. So, it doesn’t have anything to do with me changing the mockup image responsiveness.

    Thanks for looking into this.

    August 5, 2014 at 10:42 pm #3883
    CreaboxThemes
    Keymaster

    Hi Bernard,

    I get an error when I visit your website http://www.bernardworthy.com/fotoswipe
    Is it ok?

    Regards

    August 6, 2014 at 12:05 am #3884
    Bernard
    Participant

    It works fine now. Sorry for the bug. You can view the site here: http://www.bernardworthy.com/fotoswipe

    Thanks for looking into this.

    August 7, 2014 at 10:58 pm #3887
    CreaboxThemes
    Keymaster

    I’m glad that everything works well. If you need something more, contact me.

    Regards

    August 8, 2014 at 12:24 pm #3888
    Bernard
    Participant

    I meant to say that my website is back online now. I still get the same error on mobile devices using the Safari browser. Any idea what is causing the overlap?

    August 8, 2014 at 9:38 pm #3889
    CreaboxThemes
    Keymaster

    Hi,

    I have viewed the website in Safari mobile and it is ok. Can you send me an image with the error?

    Regards

    August 11, 2014 at 1:06 am #3895
    Bernard
    Participant

    Here is a screenshot of the overlap from Safari. I want to get rid of the black background and have the image carousel extend to the bottom of the view as you scroll. This works fine in Chrome, but not Safari.

    You can view the problem on an iPhone here: http://www.bernardworthy.com/fotoswipe. *Note simply viewing the website with a scaled browser on desktop does not reproduce the actual overlap problem seen on mobile. You must view it on mobile using Safari.

    Thanks

    August 11, 2014 at 5:49 pm #3902
    Bernard
    Participant

    i figured it out. the problem is with the supersized carousel. it needs to be resized in the js.

    bernard

    August 11, 2014 at 11:07 pm #3919
    CreaboxThemes
    Keymaster

    Hi,

    I have been reviewing the plugin to get a solution but nothing. I have visited the developers website and I have read between the comments that the plugin ‘Supersized’ doesn’t work fine in iPhone because the iPhone doesn’t read the attribute ‘position: fixed’.

    Regards

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