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.
August 1, 2014 at 10:03 pm #3873
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
BernardAugust 4, 2014 at 7:22 am #3876
I will check the website in Safari browser and I will contact you as soon as possible.
RegardsAugust 4, 2014 at 5:53 pm #3878
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
I get an error when I visit your website http://www.bernardworthy.com/fotoswipe
Is it ok?
RegardsAugust 6, 2014 at 12:05 am #3884
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
I’m glad that everything works well. If you need something more, contact me.
RegardsAugust 8, 2014 at 12:24 pm #3888
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
I have viewed the website in Safari mobile and it is ok. Can you send me an image with the error?
RegardsAugust 11, 2014 at 1:06 am #3895
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.
ThanksAugust 11, 2014 at 5:49 pm #3902
i figured it out. the problem is with the supersized carousel. it needs to be resized in the js.
bernardAugust 11, 2014 at 11:07 pm #3919
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’.
- You must be logged in to reply to this topic.