I deleted the page and started with a fresh install again 😅 thx for helping out

mmh there is no background youtube video setting for lay theme! :/ when i click share - embed when im on the youtube video i get this code <iframe width="560" height="315" src="https://www.youtube.com/embed/P9C25Un7xaM?si=zu7gvGtKSD68BQg5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> you can use that code in +more → +html in the gridder!

yea please use html5 videos instead of gifs, gifs are too big!

#footer-region{ position: fixed; ?

Ok thanks for the response Armin, im useless with Custom CSS but I will see if I can figure it out! thank you

hey try to use space top and space bottom on the elements, right click the texts, spaces → set space top and space bottom then set row gutter to 0 between the elements because right now when your mouse is between rows, the image hover wont be triggered that should do the trick It would be lovely to access the imagehover settings through the project index in the future. that is a good idea yea, not sure if i will work on it though :O cause im not sure if many people would need this

the issue was low power mode was enabled on his iphone

Oops! Yes that was it. I was seeing that I was on the latest version of WP, but didn't think to check on the laytheme version.

.lay-show-overlay{ pointer-events: none!important; } .lay-show-overlay a{ pointer-events: auto!important; } use this css! i think the issue with your overlay is it spans the whole width of your page, you cant see it though cause the text inside of the overlay is 50% witdth and the overlay doesn't have a background color also the overlay has a pretty big 20% frame bottom which further takes up more space where we cant scroll the actual page the setting that enables scrolling of the actual page only works when the mouse is not on top of the overlay. this is how the browser itself works i think! and the overlay in your case takes up a lot of space. even though the space of the text is smaller. so instead of using the css you could also set the overlay width to 50%. and inside of the overlay page in its gridder, resize the text box to 100% width. and set frame bottom to 0. but using the css above fixes the whole issue anyways sorry for the really late response, this post somehow got lost :O

hey if you update lay theme you'll be able to do this now: [image: 1703382410365-screenshot-2023-12-24-at-02.40.42.png] [image: 1703382422236-screenshot-2023-12-24-at-02.38.15.png]

yea okay i was able to replicate this and i will release an update now that fixes this! sorry this took so long, let me know if it worked for you and merry christmas!

sure i answered you in the other topic you created

@arminunruh thank you !

@arminunruh said in show an overlay menu element, only in hOMEPAGE: .hello{ display: none; } .slug-home .hello{ display: block; } [image: respect-cute.gif] Amazing! Thank you so very much!

but does the issue still happen if you temporarily not use the custom row height?

it was because of custom css

@arminunruh I followed your instructions, and everything worked perfectly

could be a good idea to use a subdomain instead

hey please see this: https://presscustomizr.com/snippet/adding-css-classes-wordpress-menu/

yea i see :D mmh unfortunately you will have to have two separate websites. one that is your old website where you can copy content from and see your old content. and one where you have the new website which is the lay theme website :O