Mobile Site Broken After Update
I recently updated to the new build of Lay Theme. I just went to my site and noticed that the mobile version is completely broken.
I use custom css to have fixed elements positioned behind the gridder, which I use to show images. While the desktop site still works fine, the mobile site now has elements which were previously fixed that are now scrolling in line with the gridder. There are additional styling attributes which are not being applied either.
What is strange is that it is only certain elements are affected, while others still behave normally. This makes me think that it is an issue with properly targeting the elements, but I have not changed any of the class or ID names.
This issue is occurring across all three browsers I tested: Firefox, Safari, and Chrome.
I do not want to have to completely rebuild my mobile site, so any insight would be helpful, thank you.
I was able to fix the layout issues be reaffixing position:fixed in the mobile css styles. Page-specific styles, which are triggered via jQuery, are still not working however. It appears the issue is jQuery not working once the browser flips to mobile. Any ideas why this might be the case with the new update?
mariusjopen Global Moderator last edited by
this could be because of the new update.
I will loop in Armin.
arminunruh Global Moderator last edited by
if you used a lot of custom css and things dont work anymore, you need to rewrite your css or use the old version of lay theme:
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it