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:4567/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 !

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!

@arminunruh Great!!!

Awesome- thanks, I'd missed that there was the option of different CSS for desktop & mobile. That's all working a treat now.

In case it should help someone else in the future, I did have to make a small change to the mobile CSS to get the icon positioned correctly:

.instaicon a { background-image: url(/wp-content/themes/lay-child/images/Instagram-16x16-1.svg); background-repeat: no-repeat; background-position: 23px; background-size: 20px; }

Really appreciate your help :)

i dont understand, do you have a link?

you wanted the site title to overlap the image no?

maybe increase the z-index value?

hey so the laygridder plugin and lay theme are not supposed to be used at the same time

laygridder is just a plugin thats for theme programmers wo want to include some layouting capabilities into their theme

it can be bought on laygridder.com