Lay Theme Forum

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?

Yes, at the moment it's just a link to the homepage, so it doesn’t actually trigger the overlay to close. What I’m looking for is functionality that simply closes the overlay and returns the user to the previous page, regardless of where they came from.

Hi Armin,

Through careful testing, I managed to reduce my images (originally 4096 x 2732 pixels) to a file size of 1.4 MB. I used Photoshop for export, and then optimized the files further using Squoosh.

However, after uploading the image to the media library and adding it to my layout, I noticed that Lay Theme resized the image to 3840 x 2561 pixels, but the file size actually increased to 2.4 MB.

Do you know why this might be happening?

What’s interesting is that I’ve seen the same behavior on newer devices as well – for example, on my wife’s iPhone, which she bought new in December. I’m not exactly sure which iOS version she’s on, but I’ll check that too. So I’m not convinced it’s strictly tied to an older iOS version.

Let me know if there's anything else I can test or try – happy to help troubleshoot further.

Hi Armin, thanks for your response!

I understand that with your solution I can reposition the standard "close" text button. However, I’m now working with a custom text-based menu and I would like to use a text link (e.g. "Sluit") to close the overlay menu, instead of an icon.

I’m unsure how to properly link this text to the closing functionality of the overlay.
Could you please clarify:

• Is there a specific class or method that can be used to trigger the overlay close functionality when clicking on a text link like “Sluit”?
• If so, could you provide guidance on how to implement this, so the text link behaves just like the existing close icon (without needing additional positioning adjustments)?

Thank you in advance for your help!

Hi Armin, thanks!

I’m using an iPhone 12 with iOS version 15.6.1.

I checked the Lazy Loading settings under Layer Options, and video lazy loading was already disabled.

I've made a screen recording and during testing it clearly shows what I described.

The second time I reload the page, you can see exactly the behavior I want: a quick white flash, then the video appears perfectly scaled.

But on the third reload, it malfunctions again.

Here’s my screen recording for reference.

I'd really appreciate your help Armin.