can you try window.laytheme.on('content_ready', typeOfContentThatIsReady, $target, isProjectOverlayObj){ } typeOfContentThatIsReady will be desktop or phone $target will be any containers that include gridder grids So all javascript changes / event listeners you could have made / bound to existing elements are gone. If you bind event listeners in a delegated way to document like described here: https://laytheme.com/documentation/custom-javascript.html#binding-click-events <script> jQuery(document).on("click", ".clickme", function(event) { console.log("yay!"); }); </script> then no dom changes will alter these binds

no its not possible! i will add it to my todo list. not sure when i will have time to work on it

there is however, a text about this here, but it can be easy to miss: [image: 1744218294158-screenshot-2025-04-09-at-19.03.55.png]

hello thats a interesting idea. its not possible. i will write it down. but i dont think i have time to work on this in the foreseeable future

yes you can if you use masrony type layout, you get + and - buttons for the elements to change their size yea putting things inside stack elements next to each other is sth im going to work on. maybe this week or next even, lets see, not sure

@abc Page Overlays, you can activate them in 'lay options' > 'lay options' and then there will be settings at the bottom right in the page editor next to the grid.

@arminunruh thank you so much, this works perfectly!

u're using a custom svg image as the close icon i cant put a hover color on this with custom css i think

i cant reproduce this do you have a link? did you try the steps in the blue box to the right?

do you have a link to where the bug is reproduced? i cant reproduce the issue

will be fixed with the next update!

It would definitely be great if you could save a row and load it back in.

Also I noticed out something it may be interesting and would be nice to have as well. Logically, if you set the Image Hover plugin -> Image Position for show on hover - Follow mouse on XY - with the Pre-activate this Hover Image activated - it won't follow the mouse. For example: https://georginanorris.com/homepage-copy/ [image: 1741120187913-49b2490d-96c8-4e9e-aba1-7ae5d6e2203c-image.png]

yes! right click the row in the gridder. click "set row html class and id" and as class enter: bgbottom then use this css: @media (orientation: landscape) { .bgbottom .background-image.background-image-count-1 img{ object-fit: fill!important; width: 100%!important; height: auto!important; left: 0!important; top: auto !important; bottom: 0!important; } } Enter this css in "lay options" -> "custom css & html" -> "custom css" not in "custom css for desktop" (needs to be in custom css, because we use a media query here, and for desktop already has a media query applied to it) we're using a media query for landscape browser, because if were on a portrait sized browser we dont want to use this css because then a white gap could appear

ah yes very good :)

Oh nice, thank you Armin.

Now it works! Thanks again Armin!

hey i just noticed there are breadcrumbs in the code use this css: .woocommerce-breadcrumb{ display: block!important; } Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop" [image: 1739697083334-screenshot-2025-02-16-at-10.11.19.png]

oh i see! hmm unfortunately its not possible