lazyload attributes saved into page content

[qua7]

after one of the recent updates on my site the cover image and the first project thumbnail on the homepage were not displayed when the page was loaded directly (in all browsers, on desktop and mobile). However, they did appear correctly when navigating to the homepage from a subpage (via AJAX navigation), and they also look fine in the Laytheme editor.

Claude found the problem and gave me a script to solve the problem for the moment.

<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("img[data-src]").forEach(function (img) {
if (img.src.indexOf("data:image") === 0) {
img.removeAttribute("sizes");
img.src = img.getAttribute("data-src");
}
});
});
</script>

But I guess it is a bug?
Thanks in advance for looking into this.

[qua7]

another problem: display of covers in mobile seems corrupted - some white space above cover is shown

[arminunruh]

hey, do you have a link?

[qua7]

@arminunruh
corporatefotografie.com

repair worked with

<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll("img[data-src]").forEach(function (img) {
if (img.src.indexOf("data:image") === 0) {
img.removeAttribute("sizes");
img.src = img.getAttribute("data-src");
}
});
});
</script>

and with

@media (max-width: 600px){
.cover-region {
top: 0 !important;
}
}

but I guess those were bugs?

[arminunruh]

thanks a lot!

i did try to fix this with the update i released yesterday.
you can try and see if that update fixed it for you.

if you like you can also turn off updates in lay options -> disable updates

you can find the setting by searching for it in the search bar.

[qua7]

thanks. That solved the first problem, but not the second: covers in mobile still have some free space above them. I fixed it with
@media (max-width: 600px) {
.cover-region {
top: 0 !important;
}
}

[arminunruh]

hey!

your website uses the mobile menubar.
which you can show/hide in customize -> mobile -> mobile menu bar -> hide

This bar is overlaying the top of your mobile website. Usually, this bar pushes the whole layout down which is correct