this is integrated into lay theme: https://laytheme.com/documentation/jump-to-anchor.html

ah very good! yea the text element in a carousel is probably only good for shorter texts :/

@arminunruh thanks a lot!

Thanks for your answer @arminunruh I will make a special layout for the mobile version then, no worries. And thanks for the support! ;)

ok read this: https://javascript.info/bubbling-and-capturing any click event bubbles up the dom tree, meaning you can capture any click on any element just by jQuery(window).on('click', function(){ }) or window.addEventListener("click", function(){ }) the event target value shows you what was clicked on specifically: https://developer.mozilla.org/en-US/docs/Web/API/Event/target jQuery(window).on('click', function(e){ console.log(e.target); })

yea i will have to re-evaluate how i coded the imagehover addon we have the same issue when the cover feature is enabled could take a while for me to fix this :|

ah i see the sizes of elements depend on their width. they don't depend on the height of your browser. so in that case the image will be cut off so when you look at the website on your phone in landscape, the image is cut off. if you use fullscreen slider you can use lay options -> fullscreen slider -> scroll down, activate "Give elements a max-width and max-height and center them" this only works if the image is the only image in the row im planning to somehow make it possible to restrict image sizes based on the height of the browser when you create a carousel you can for example check "fixed height" and enter a value like 100vh which will make the element as tall as the browser height

@arminunruh thanks for your answer i will check the plugins out, and thanks for writing down the idea <3

@arminunruh thank you it willl be so cool. At the moment my problem is that i show tablet menu really big: [image: 1688373614919-screenshot-2023-07-03-alle-10.39.29.png] this is my css: .navbar { border-bottom-width: 3px; } .fixed-element{ position: fixed; top: 200px; left: 30%; z-index: 5; } .rotate { animation: rotation 8s infinite linear; } .primary li { color: white; background: var(--primary-color); font-size: 5px; font-weight: 100; line-height: 1em; border: 3px solid; border-radius: 20em; padding: 0.25em 0.5em 0.4em 0.5em; transition: 200ms ease-in-out; } .primary li:hover { color: #1F54FF; line-height: 1em; border: 3px solid; border-radius: 20em; padding: 0.25em 0.5em 0.4em 0.5em; } li.current-menu-item { color: #1F54FF; line-height: 1em; border: 3px solid; border-radius: 20em; padding: 0.25em 0.5em 0.4em 0.5em; } .lay-thumbnailgrid-filter-anchor { background: var(--primary-color); font-size: var(--step--1); font-weight: 300; line-height: 1em; border: 3px solid; border-radius: 20em; padding: 0.25em 0.5em 0.4em 0.5em; transition: 200ms ease-in-out; } .lay-thumbnailgrid-filter-anchor:hover { background-color: #1F54FF; color: white; line-height: 1em; border: 3px solid; border-radius: 20em; padding: 0.25em 0.5em 0.4em 0.5em; } .lay-thumbnailgrid-filter-anchor.lay-filter-active { background-color: #1F54FF; color: white; line-height: 1em; border: 3px solid; border-radius: 20em; padding: 0.25em 0.5em 0.4em 0.5em; } Can you help me?

Hey @arminunruh , thanks a lot! The hack you suggested worked :) Even better, I just did the most recent update and now it also works without the hack. Did you work on that issue for the newest lay theme update or is it a coincidence?

xD ok! will work on it soon

@arminunruh hey there! At the time of posting, I was up to date. I haven't looked again to see if there's a new update available, but I will tell you that sometime from when I went to bed and woke up today, the issue corrected itself. That landing page is now centered on mobile again. If admins want to delete this since it resolved itself, totally cool. Thanks!

some browsers render fonts differently than others can u show a screenshot of which blocks exactly you mean?

how about you link the last row in your projects to #laynextproject maybe that works! as i said: you can right click the row's background and click "set row link"

i think you need to use javascript to toggle a html class on tap, not :active

Post a link to where the problem is if possible, please <3

maybe create an empty page that you can use for this or a custom menu link maybe that works? not sure [image: 1688141321066-screenshot-2023-06-30-at-17.15.39.png] then in the customizer use the setting where you have to click on the menupoint to make it expand the submenu rather than the option where you just have to mouseover to expand the submenu

i think this can happen if you use a different font or different fontsize for the site title and the menu for you that doesnt seem to be the case for me it seems to work properly: [image: 1688141089842-screenshot-2023-06-30-at-18.04.44-resized.png] i use the same font and font size for site title and menus maybe it has to do with the lineheight. maybe you use a textformat for one and dont use a textformat for the other in your link it seems you have created a different design so i cant check

maybe if you go to textformats[image: 1688140855401-screenshot-2023-06-30-at-18.00.34.png] you see theres "html class" the class here is ._test3{ } so use custom css: ._test3{ font-family: yourfontname, another-fontname, sans-serif; } maybe that works, not sure i think this won't work ^^