yea iphone safari will crash if the website uses too much computing power. wasn't like this a year ago / half a year ago, they somehow introduced this mmh
there isnt even much going on on that page mmh :((
can u disable the on scroll animation in lay options and then try if that fixes it? mmh
i needed to turn off the loop functionality for mobile cause it would make safari crash
looping clones dom elements. iphone safari had no problems with this. however, since around half a year or longer, safari would just crash whenever a website would use too much computing power. this was newly introduced and may be a way of saving battery for iphones, not sure
you have content in the texteditor that is used by woocommerce and in the gridder
on top of your gridder, there is a texteditor. it only shows up when woocommerce is enabled. it should only contain woocommerce related shortcodes like seen in the screenshot. remove any other content from this textbox please
there are no plans for this at the moment no, currently i need to work on a different project so i dont have much time to develop lay theme features, but i miss it :/
The 'real' Home page you will work on, can still be online, or you can set the Home page in the Editor as Private or set a password, so noone can access it beside you
@Ilina-Catana could you please share full code and the instruction on how to do it? also trying to customize the hover state of the scroll to top. Thank you
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.
It turns out the script was waiting for window.load to initialize which seems to fire a bit early on Laytheme, so I set-up a different custom event and listened for that instead.
hey in this case its best to create a svg. make sure to convert the text to paths.
then use a stack element: put the svg image in there and underneath the text