Lay Theme Forum

Hi Armin!

Thank you so much for this. It works perfectly; now not only does the "X" icon appear when visiting the project, but it also has the mix-blend-mode effect.

Best support ever! 🙌

Last thing: now the carousel "X" icon does not appear when landing on the home screen (good!), but it also does not appear when visiting any of the project links on the home page.

However, the "X" icon is still functional, so clicking on the "X" icon area when visiting a project closes it and returns to the home page.

Is it possible to have the "X" icon feature back, only when visiting any of the homepage project links?

Then I would add the following CSS to apply the mix-blend-mode: difference effect to the "X" icon.

---

div.close-projects-overlay {
mix-blend-mode: difference;
background-color: transparent;
isolation: auto;
}

---

Many thanks!

Hi Armin!

Good news! My site logo now has the same mix-blend-mode: difference effect 🎊
I had to change the black logo SVG to a white one so this would work.

Anyway, I also have this custom CSS that does the job, even without the feature activated:

---

a.sitetitle,
a.sitetitle.is-fixed {
mix-blend-mode: difference;
background: transparent;
isolation: auto;
}

a.sitetitle img {
mix-blend-mode: normal;
}

---

Screenshot attached.

Of course, after following your indications, it works like a charm on mobile. So many things to keep present!

Again, thank you so much, Armin, for your priceless support.

Hi Armin,

I'm so sorry for not having the Lay Theme updated to the latest version when I wrote this post. I usually receive a message from my WordPress asking to update, but it didn't work this time.

I have updated everything. It resolved the initial "X" icon on the desktop home page, but the issue persists on mobile—emptied the cache before testing. (Screenshot attached)

I will follow your advice and suggestion to adjust the menu position to align with the "X" icon.

One workaround I did in the past was to add an image to the top of the project for the menu to be visible, but I personally don't like how it looks:
https://www.marcal.net/river-rights/

The difference in mixed blend modes is an amazing feature! I'm going to use it. And I'm very grateful that you're going to add this feature to the site title as well. 🎊

Many thanks for everything.

www.marcal.net

Tested on:
Firefox 154.0.1
Safari 26.6
Brave 1.93.138 (Chromium: 151.0.7922.173)

HOMEPAGE

My portfolio website relies heavily on carousels. The home page has a full-screen carousel at the top. The first issue is that the close "X " icon appears on the right side of the "About" menu:
www.marcal.net

When scrolling down to see the other project carousels, the top "X" icon disappears.

My first question is whether it would be possible to disable the "X" icon when loading the homepage. Same issue in mobile browsers / iPhone.

PROJECT CAROUSELS

Another topic is, for example, when I click on any of the home page carousels below, it loads the project with the option to close the project by clicking the "X" icon at the top again. This is good, as closing the project makes the homepage visible again.

https://www.marcal.net/mix-interiors-editorial/

The issue is whether it would be possible to have the "X" icon aligned vertically with the menu "Index About X".

The issue is worse on mobile, where the "X" icon is placed disaligned over the "About" (tested in iPhone Pro 15). (Screenshot attached below)

Moreover if there are other option to place the "X" icon in other places, for example, leave the menu only to "Index About" and then place the "X" icon right below.

NEGATIVE CONTRAST

Last question related to the "X" icon, and for extension the whole website logo, menu and "X" icon.

Some projects on my website have a white background, others have a black background, and others have a colour background. The issue is that when any project has a black background, the website logo, menu, and "X" icon logically disappear, only to become visible when an image scrolls down underneath. (Screenshot attached below)

Black background example:
https://www.marcal.net/mix-interiors-editorial/

White background example:
https://www.marcal.net/artwork-catalogue/

My last question is: is there any way for mainly the "X" icon, and if possible, for the website logo and the menu to have a negative overlay effect, so that it is always in the negative colour of anything it has underneath.

Many thanks,

Marçal

Amazing! Everything's working fine, the autoplay is running again. Thank you so much! ✨

Is there any way to prevent the carousels autoplay feature to stop when going back?

Works like a charm! Thank you so much ✨

My homepage is composed of carousels with autoplay activated. Once I click any of the "See project" buttons, when going back, whether closing them using the "X" or clicking the browser back button, all autoplay carousels are stopped.

Website link:
https://www.marcal.net/

Still, some cropping occurs in the bottom carousel button.

We're almost there! Now the buttons don't crop but their width are the same as the carousel images.

Hi Armin,

Sure, here's my web portfolio link:
https://www.marcal.net/

Let me know whether you need anything else.

When customising Top (px) and Bottom (px) buttons inner space in "Customise" → "Buttons" the buttons got cropped. Is there any other way to add space?![alt text](

@arminunruh Hi Armin. Fixed! I have updated to the latest version, and the issue is completely solved. Thank you so much!

Hi,

I have discovered today that the fullscreen carousel on my home page doesn't scroll down as expected. It gets blocked at 2/3 of the screen height.

https://www.marcal.net/

Thank you so much for your help, @Richard !