oh, maybe u can use a css filter: https://developer.mozilla.org/en-US/docs/Web/CSS/filter .slug-home .custom-overlay-burger { <img src="https://villalba.studio/website_2fa0b3db/wp-content/uploads/2024/10/oo_Identificador_blanco.png"> } this wont work, this is not valid css maybe u can use css content: https://developer.mozilla.org/en-US/docs/Web/CSS/content [image: 1729683029751-screenshot-2024-10-23-at-13.30.27.png]

can you do the steps in the blue box to the right please if it doesnt help can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

@arminunruh deleting the values did the trick! works perfectly now, thank you so much <3

but many people cant scroll horizontally unless they have a touchpad OR unless you have a scrollbar on a container cause for example how will someone scroll through the images who visits your page on a windows desktop computer with just a normal mouse

and when you use this JS: http://laythemeforum.com/topic/9038/start-gif-video-mouse-hover-in-project-thumbnail/6 then the videos always start playing from the beginning i might add all of this as a feature one day so u dont have to use custom code for this

ok sure i wrote it down

i looked at your css and you set the anchors to position fixed. can you give the row where you have your buttons/anchors in a class and then set the whole row to fixed? .menu-row{ position: fixed; width: 100%; } probably you tried this before and the width: 100% part was missing

Awesome ! Success. I was able to put the html code inside the stack element, and it came out nicely. Thanks !

[image: 1728311134279-screenshot-2024-10-07-at-16.25.30.png] you can set sliding duration to 0 in lay options → lightbox addon, then it will at least not have the left and right animation, but there is no fade effect for switching between images but its a great idea yea

page overlays only broke safari on iOS when you used like 10 page overlays on one page usually this happened when people created pages instead of projects to then open all these pages as overlays at the moment, only overlays that are open-able on the current page are loaded into the markup, so this reduces the chance that we get too many page overlays at once the reasoning behind this preloading of page overlays was just: i thought people would have max 2 overlays on a page. maybe a about/contact overlay and a desktop burger menu when the overlay markup already exists and is just hidden, a click to make the overlay show will show it immediately without any loading (which i think is important for burger menus for example) but since we now have the project overlays feature, theres no reason to misuse the page overlays feature like i described so i guess its fine, but let me know if you run into any issues!

so this here https://www.gilesclement.com/ you can try this: https://laytheme.com/documentation/gridder-rows.html#fullscreen-background-image for having a fullscreen image just set top frame and bottom frame to 0 and row height to browser height, then u cant scroll if u want to hide the sitetitle on specific pages use css please read this: https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page .slug-home . sitetitle{ display: none!important; } this could be the css to hide your site title if the name of your homepage is "home"

i dont have a recommendation, yes they should all be!

hey! i see, i will read about it!

Thanks! This code worked for me: /* delaying the the appearance of project thumbnail mouse hover images */ .thumb.has-mouseover-img img { transition: opacity 1.0s ease; } .thumb.has-mouseover-img img.mo_thumb { opacity: 0; transition: opacity 1.0s ease 0.2s; } .thumb.has-mouseover-img:hover img:first-child { opacity: 0; } .thumb.has-mouseover-img:hover img.mo_thumb { opacity: 1; }

nice website!

no thats not possible but u can do lay options -> Enable "font-display: swap;" disable this setting

@arminunruh Hey, sure, I'll send it to you right now. Thanks.

@arminunruh Did work like this – thanks!