On my homepage I have two portfolio grids, which used to display correctly on PC and mobile devices. But in the last couple of days I have noticed that they no longer display correctly on mobile devices and Safari set to user agent for mobile devices on a PC. Now the portfolio grid items overlap each other. I am not sure if this has been caused by a theme update or something else as I have only just noticed. I believe the error is with -webkit-transform: translate3d(0px, 76px, 0px); In this instance 76px is not high enough to clear the previous portfolio grid element so they overlap.
In addition the layerslider has stopped working on mobile devices and just displays nothing. I’ve spent hours trying to find a cause, disabling the cache, but can’t find a reason why it won’t show.
My URL is: http://www.colournation.com
Any help or advice is much appreciated.
You’ll want to first try updating the theme files to the most recent update and bug fixes (2.4.2 vs your 2.3). Make sure you are also on WordPress 3.7.1.
Deactivating all active plugins to check for a conflict is also a good idea as well.
Thanks for getting back to me, however I’ve discovered the issue, the reason the portfolio grid elements are overlapping each other and the LayerSlider is not showing at all is because of CloudFlare. If you view the website through CloudFlare http://www.colournation.com then it has issues but if you bypass CloudFlare’s caching, etc then everything displays correctly.
Just something to bear in mind. :(
The topic ‘Enfold Responsive bug in Safari and mobile devices’ is closed to new replies.