Artefact showing on mobile website when using fixed height 100svh
-
Problem:
When in mobile grid an image is set to 'fixed height' 100svh and project is published, on my iPhone there is a black artefact showing in the top left corner on that project page, which should not be there. It started few weeks back after one of the Lay Theme updates. It's visible for me on these project pages, for example:https://agasi.nl/electric-sisyphus/
https://agasi.nl/making-waves/and also on another website I made with Lay theme (different ISP):
vloed.nu
https://www.vloed.nu/beneath-the-paving-stones-the-beach/Check this project page: https://agasi.nl/test/ (bottom of the page) to see examples of what I am seeing.
• Tested on iPhone 16 Pro 512GB
• Tested on iOS 26.4.1 and 26.4.2
• Tested with latest versions of Chrome and Safari, same results.
(tested on older iPhone with older iOS / Safari: not showing this)As recommended in the forum I of course updated Lay theme and all Lay theme addons, disabled all plugins, turned off all custom code. No change, the problem persisted.
Maybe other users see this too?
Maybe one of you or Lay Theme Support team can see something on the pages that might cause it or debug it another way. Thanks in advance!Best, Jos
For 1on1 paid Lay Theme Coaching, contact: audrey@cyberslayers.work.
We also code custom websites or custom Lay features.
💿 Email us here: 💿
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it