Lay Theme Forum

Hello!

I am working on this page which consists of a vertical fullscreen slider. All slides will be 100vh (pictures) except one of them containing a list of projects, which i would like to be higher than 100vh. In the link I'm sending, it is the 3rd row (the one with text).

I understand fullscreen slider doesn't allow some rows to be higher than others. But I was wondering if this could be a solution:

Could I have a long text overflowing a 100vh row (or a 100vh stack), and give this container the css rule "overflow: scroll !important;" so that when the row is on display the mouse scrolling affects the container and not the fullscreen slider, scrolling through the text until the text is finished, and then the next slider comes up?

Does this make sense, or would there be any other way to achieve this?

Thank you!

Hey Armin,
I disabled the «Never change scrolling position...» checkbox and anchor links worked again, thank you!!

Hello,

So I have this website: https://costabadia.com/ where the footer works as a list of projects (left side of the page) and each item of the list is anchor-linked to a project in the right side of the page (the first row of each project has an #id assigned to do so).

There is also an anchor link at the very bottom of the page, after scrolling down (it says "SUBIR") and it isn't working either.

This has been working well for some time, but anchor links don't seem to work anymore in desktop version. Why can that be?

Thank you!

Thank you, it works now.

Great, thank you!!

Hello,

Would it be possible to have some element (like a dot) that indicates what's the active category in a thumbnail grid category filter?

Something like this (see the category filter on the left bottom corner):

Thank you!!

Hello,

I'm using a Thumbnail grid element on this page. I would like to have the category filter sticky-positioned, so that it stays on the bottom left corner while the thumbnails are on display/scrolled.

I read some discussions about having it fixed-positioned (here, here and here)... I tried that too, adding the following custom code:

.lay-thumbnailgrid-filter {
position:fixed;
bottom:0 ;
left:0;
margin: 20px;
z-index: 200;
background-color: green;
}

but this doesn't seem to work (neither fixed nor sticky).

Thank you very much!

@arminunruh that's right, thank you!

Hello :)

I'm currently working on this website, which includes a hamburger mobile menu.

When the mobile menu is open, I want a flat color background covering the space under the menu items, so i've added the following custom css:

.mobile-nav {
background-color: red;
height: 100vh; /need to add height or the background isn't displayed/
}

This works when the menu is fold out, but the 100vh red background is also partially displayed under the navbar (at least when the vh is higher than 600px), like here:

Is there a way to call the .mobile-nav only when the menu is open... or can you think of any other solution?

Thank you very much for all the work on this helpful forum.

Diego