Lay Theme Forum

Here is an example, on a page where all elements have the same aspect ratio, and the masonry layout is also working correctly:

https://vandersalm-architecten.nl/project/woonensemble-homeruskwartier/

That is quite strange, because on all the other 23 projects it has always worked perfectly with the exact same settings.

For example, here we deliberately chose the masonry layout and it works as expected:

https://vandersalm-architecten.nl/project/rijksmonument-havelte/

Since yesterday, after duplicating a series of images on a project page on one of my client’s websites, I’ve been experiencing several issues with the “Element Grid” module.

The order of the images in the grid no longer matches the order shown in the list on the left side.

In addition, the last images are displayed with incorrect alignment. Depending on the screen size, they either align to the far right or appear randomly distributed across the four-column layout. The order of the images also seems to be changing unexpectedly.

Does anyone have an idea what might be causing this? Everything was working perfectly before, and no updates have been performed.

Here is the URL:

https://vandersalm-architecten.nl/project/huys-vogelweyde/

Some screenshots:

Nice one Armin, thanks!

Thanks, Armin!

The sticky footer was already enabled, but your comment about having an empty layout made me wonder if that was the issue.

And yes; after adding some test text to the layout, the footer now appears at the bottom. :)

It looks like the footer isn’t working correctly, it’s appearing at the top of my site (see link).

https://dev.rickangenent.nl/about/

I don't have the Fullscreen Slider Addon active.

Yes, that would be great! Using the same background color as the desktop layout definitely makes sense.

Great! It works now. Thanks Armin. Really appreciate the quick help.

I’ve noticed that while I can freely adjust the layout (like changing the order of elements or adding different content) between desktop and phone views, typographic adjustments like text alignment (e.g., align left or right) stay synced between both views.

It would be really helpful if alignment settings could also be set independently for mobile, just like layout changes. Is this something that’s possible or planned for future updates?

Thanks in advance!

No, what you're seeing is the page's background color, not the Row's. The Row has a slightly darker tint – you can see this more clearly in action on desktop.

I created a footer using a Row with a Background Color and Left/Right SVG images with transparent areas.

On desktop, everything displays correctly. On mobile, the Row Background Color disappears – though the inspector shows it’s still there.

Previously, I used a separate page as a footer (example 1B), but I’d prefer not to for practical and SEO reasons. In example 1A, where the footer is built directly on the page using a Row, the issue appears.

Example 1A (problem on mobile):
https://dev.vandersalm-architecten.nl/project/projectsjabloon-1a/

Example 1B (works, but uses a page as footer):
https://dev.vandersalm-architecten.nl/project/projectsjabloon-1b/

Hope this can be fixed – or does anyone have a workaround or custom solution?

Thanks, Armin, I appreciate the suggestion to use an SVG for the "Close" label. That could work as a temporary solution, but it does introduce some challenges with consistency – especially in terms of sizing and alignment with the main typography, across different devices and screen sizes.

A native text option would be much more flexible and scalable. Totally understand that this might not be a priority right now, but I’m glad you’ve noted it down. Looking forward to it if it ever makes it onto the roadmap!

Thanks again!

I'm using a Custom Phone Layout with both "Sync all elements by default" and "Stack elements on top of each other" enabled.

The background color I set (e.g. #cab080) doesn't show up on mobile – it appears white. When I go to Set Background, the color is there, but I have to manually select a different color first (like black), then re-enter the correct hex code to make it work.

Is this a known issue? Any fix or workaround?

I'm looking to set up a straightforward 2-column layout for my news page, where the left column contains text and the right column displays either a single image or a carousel.

See here an example of the setup: https://dev.vandersalm-architecten.nl/nieuws/

Is this possible with Lay Theme using News Posts? If so, what would be the best way to achieve this?

Hi Armin,

I’ve noticed that some of my (concept) layouts broke after the most recent update.

In Project Template v3, I’m using a Row Image Background with a Custom Row Height set to 80vh, but it no longer works as expected:
https://dev.vandersalm-architecten.nl/project/project-template-v3/

Similarly, Project Template v4 uses a Row Image Background with Browser Height selected, and that layout is also broken after the update:
https://dev.vandersalm-architecten.nl/project/project-template-v4/

Do you have any idea how this can be fixed?

Thanks in advance!

Thanks a lot, Armin!

It would be really nice to have these options in the future – especially being able to set the opacity for a background color.

Looking forward to it whenever you find the time!

I have a small feature request regarding the Lightbox Addon.

Currently, in the Overlay settings, it’s possible to choose an Icon Type: Default, Custom, or Text.

I would love to see a similar option for the Lightbox Addon, allowing the use of text-based navigation instead of icons.

For example, it would be great to use text labels like “Previous”, “Next”, and “Close” instead of the graphical arrows and close icon.

If implementing text options for "Previous" and "Next" would be too complex, perhaps it could already be a great start to offer this option just for the Close icon – so we could display a simple "Close" text instead of the default icon.

Would this be something interesting to add? And if so, could you give a rough idea if and when this might be possible to integrate?

Thanks for considering this idea!

Rock solid, thanks so much Armin!

Thanks gain @arminunruh

If I use the standard text option, I need to manually adjust the positioning to make it fit within my text-based menu layout.

When I add the overlay-close class to the column, it works – but then the entire column becomes a clickable close area, which isn’t what I want.

I tried adding the class only to the link, like this:

<a href="#" class="overlay-close">Sluit</a>

But when I do that, the link disappears entirely.

Do you know why this might be happening, and how I can apply the overlay-close functionality only to the Sluit text link?