Lay Theme Forum

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
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?

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

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.

thanks @arminunruh, you are the best

great, thanks! @arminunruh

Hi there,
I just noticed, that the setting "always show mouseover state" for project thumbnail mouseover workes very well with Safari for iOS. But with Chrome for iOS it only works for my old website (dagmarschwelle.com) but now for my new one (corporatefotografie.com). Could this be a bug? I have custom phone layout on the old page but not on the new one, maybe this is the reason?
Also one wish (which I also mentioned in another post): would it be possible to have the option "always show mouseover state" also for tablets?
Many thanks!!

Hi there,
It seems as if the theme automatically loads the Vimeo Player API (https://player.vimeo.com/api/player.js) on every page, even when there are no Vimeo videos embedded on the site.
This causes a GDPR/cookie compliance issue, as the Vimeo script sets cookies. I don't want to mention Vimeo in my privacy policy because I'm not even using it.
Is there anything that can be done about this?
Many thanks!

Thanks @arminunruh!
May I add an (unrelated) wish for another setting: In "Project Thumbnail Mouseover" it would be great to have the option "Always show mouseover state" not only for mobile but also for tablets. Would that be possible?

Hi there,
I want to have an intro (transition: "go up") and below it a cover. When clicking on the intro it moves up and shows the cover, which is fine. But when you scroll the intro, also the cover starts moving. Is there a way through CSS or javascript to prevent the cover from reacting to the scroll until after the intro has completely gone up?

Thanks @arminunruh . I installed your new version. Now there is an arrow in Safari but it is below the lower end of the display and can only be seen when it does the animated jump upwards. In Chrome the arrow can only be seen when scrolling, but it is also positioned too low.

Thanks @arminunruh . Unfortunately it stayed the same on iPad: arrows are only shown when using Firefox, but not shown when using Chrome or Safari.

@arminunruh said in down arrow for covers on iPad:

Hmm should be a bug. I will try and fix this maybe next week lets see

Hi @arminunruh, did you have a chance to look into this? The latest updates don't seem to have solved this bug (if it is a bug).

thanks @arminunruh

Hi again ;-)
I want to use animated down arrows on covers. On iPad those arrows are shown when using Firefox, but not shown when using Chrome or Safari. Is that a bug? Or could that be fixed with custom CSS.
Thank you!

it is good enough. in a good way. Thanks @arminunruh

thanks a lot @arminunruh! Now there is a barely visible jump in the opposite direction, nothing I would worry about, for me it is ok like that. But only for you to know if that's of interest for your code.

I'm on Mac. It happens on my Macbook with Safari, Chrome, Firefox and Opera. It happens sometimes (but not all times) with the same browsers on my Mac Studio. It does not happen on iPad.

Did you just click the links from here? Then you won't see the problem. It only shows when navigating inside my site (for example between homepage and a project).

Here's a screen recording: https://dagmarschwelle.com/burger.mov

@arminunruh I still don't think so. The burger does not jump when navigating to a page (like this page: https://corporatefotografie.com/info/ - although it does have a scrollbar in this test version). The burger only jumps when navigating to a project (like this project: https://corporatefotografie.com/industriefotografie/ - which does not have a scrollbar because a deleted the content now to make my point).

thanks, @arminunruh. But why should I want to hide the scrollbar? Scrollbars are normal and useful, I don't have a problem with the scrollbar (at least I think so), but with the jumping burger.