@arminunruh "group" feature sounds amazing!

This would allow aligning objects within a group, not just within a row. But also having an extra background, textfield, stroke etc. just for a group could be a great design feature.

Actually "stack" is kind of having some of these possibilities, but "group" would surely be a further development. :-D

All best
Aleks

@arminunruh solved! missing custom row height

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

there is a settings for this for the theme:

Screenshot 2023-07-11 at 12.19.12.png

"Enable auto-updates"

for plugins i think there's no such setting

theres no way to get emails about this i think

@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: 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