1.: you could use a textformat for the buttons that uses a % based font size, namely vw: [image: 1765364227593-659e0a28-ef6c-4f86-bc8c-2345cd6972c6-image.png] in textformats, click this and vw will appear. this will make the font size scale with the browser width 2.: second issue is some new thing with the ios safari, nothing that can be done here as far as i know! found nothing online

sure, i can code that! should the design for the header look exactly like here? https://peter-roden.com/gomo/ can you send me the wp-admin login of the website you built so far? to armin.unruh@gmail.com then i can create a estimate for you

actually you can now use this feature: [image: 1760952298162-7379c736-7594-4ee5-9283-f54920e45629-image.png] fixed header. with this you can use a page as a fixed overlay over your website!

@arminunruh Thanks for pointing me in the right direction. I did some tweaks to my code, and it's working for now.

i fixed it with the latest update. this bug came back up again recently :O

im happy it works for you! no problem! sorry for the wait

Oh great job. Sorry I didn't find the time to do this. I'm working on like three websites at the same time at the moment, all of them are Lay Theme websites :O.

to use a svg image, use https://developer.mozilla.org/en-US/docs/Web/CSS/background-image in HTML at bottom: <script> jQuery("body").append('<div class="pointer"></div>'); jQuery("body").on("mousemove", function(e) { jQuery(".pointer").css({ top: e.clientY + "px", left: e.clientX + "px" }); }); </script> In "Custom CSS": *{ cursor: none!important; } .pointer { cursor: none; position: fixed; text-align: center; width: 52px; height: 52px; z-index: 1000; transform: translate(-50%, -50%); pointer-events: none; mix-blend-mode: difference; overflow: hidden; border-radius: 50%; background-image: url("http://localhost:10020/wp-content/uploads/2024/09/close-button.svg"); background-position: center; background-repeat: no-repeat; } this is the part u change: background-image: url("http://localhost:10020/wp-content/uploads/2024/09/close-button.svg"); get the url from wp-admin media library, when u click on an image u get File URL: [image: 1739952320433-screenshot-2025-02-19-at-09.05.14.png]

Thank you @arminunruh for all the support you share with this community!

hey mandax can you explain more, what is the problem? can you show me how it currently looks and how you want it to be? do u have a link

Hi, Sometimes I notice that it helps to target the "img" within ".magnifier"

you can try the event 'newpage' or the event 'before_content_replacement' not sure if it will work maybe this window.laytheme.on('before_content_replacement', function(){ setTimeout(function(){ console.log('hi') // your code here }, 0) })

hey mh im not sure!! i put it on my todolist though not sure when i would have time for it

i can code this for you for some €€, you can write me: armin.unruh@gmail.com please add a link to your page and your /wp-admin/ login data

@PjotrPjotr would be really happy to know what you came up with? :)

with thumbnailgrids you can filter by tags, but it wont look exactly like what ur link looks like with thumbnailgrids, multiple tags can be selected. but its not a list of text links but its rather a grid of pictures u can click on to enter the project this page also looks a little like the projectindex element but the projectindex element has no pagination and no tag filters, u can just sort by tags for example

@teteerck The smooth scroll is achieved with JS Library GSAP and their plug-in ScrollSmoother https://gsap.com/scroll/ but you can use a free library like Lenis and achieve pretty much The same result. The grain effect is framer code component. If you want to do it yourself you could loop one second video with blending and transparency or code it procedurally.

nice! i had to change this before because some people had the exact opposite problem. ^^

.xxx { position:fixed; width: 500px; left: 50px; } u could add more css to it like this one that gives it a width and some space to the left