Support › Forums › Cian – HTML Template › Safari mobile view shows overlap on slider
- This topic has 10 replies, 2 voices, and was last updated 8 years, 9 months ago by
CreaboxThemes.
-
AuthorPosts
-
August 1, 2014 at 10:03 pm #3873
Bernard
ParticipantHi. 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,
BernardAugust 4, 2014 at 7:22 am #3876CreaboxThemes
KeymasterHi,
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 #3878Bernard
ParticipantUpdate: 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 #3883CreaboxThemes
KeymasterHi 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 #3884Bernard
ParticipantIt 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 #3887CreaboxThemes
KeymasterI’m glad that everything works well. If you need something more, contact me.
Regards
August 8, 2014 at 12:24 pm #3888Bernard
ParticipantI 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 #3889CreaboxThemes
KeymasterHi,
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 #3895Bernard
ParticipantHere 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 #3902Bernard
Participanti 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 #3919CreaboxThemes
KeymasterHi,
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
-
AuthorPosts
- You must be logged in to reply to this topic.