-
Posts
-
Hi,
Last week launched a website: ecocent.be
And just now received some feedback form a friend regarding some weirdness with Layer Slider on Safari and mobile IOS (e.g. => mobile safari)
Only in Safari. Chrome, Firefox are doing fine.
Issue is this:
On window resize =>
Product image-blocks should stick to the bottom-edge of the LS-area-block, and scale together with other elements. (=> like in Chrome, Firefox)
However, in Safari “product image-blocks” DO NOT stick to the bottom-edge of the LS-area-block. And KEEP resizing upon any further action with the browser window.
Figured that has something to do with “css transitions” that I’ve added to those image-blocks. (=> custom.css: 184 => (And only with -webkit-transition and transition). If I comment those two out, no animation, but images start to function “normal” on Safari while remain animate on Chrome and Firefox.So, Is there any “cure” for that pls? ))
Otherwise I would need to disable animation for Safari… but would be happy not to ;)Thanks in adv!! ))
RegardsHi avrisar!
it’s difficult to imagine what’s going on. Can you show us a link to your website and a screenshot of the issue? you can use imgur.com to host your screenshots.
Regards,
AndyYeah, website is up n running.
Here’s the url:
http://ecocent.be/Feel free to check out the behaviour of the products-blocks on window-resize in Firefox as well as Safari. This behaviour is also present on IOS as I’ve mentioned before, but instead of window-resize, it shrinks the product-image-blocks on-scroll.
tnx
regardsHey!
The issue only happens on first load. Try to install a cache plugin:
https://wordpress.org/plugins/w3-total-cache/
https://wordpress.org/plugins/wp-super-cache/Best regards,
IsmaelHi,
Got w3-total-cache but the issue still persists.
What settings exactly should I activate to solve this issue pls?Lemme know if you need login & pass.
regards
- You must be logged in to reply to this topic.