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! 🙌

You can also try this CSS. <3

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!

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.

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

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.

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

Yeah, that's a good question. You could theoretically move the menu so it has more space to the right and then position the X icon just in that place. It's all possible with the menu positioning settings in the customizer and the position and size settings for the X close icon shown in the screenshot above.

I mean, there are settings for the phone X icon. Maybe you didn't see them?

About the side title and the menu contrasting, I would suggest you go to the customizer and enable mix blend mode difference for both of them.

I think images don't really have a mixed blend mode difference. Logo images don't really support that. You may need to write custom CSS to make that happen for your logo image site title.

Or you can use a menu bar with a lighter color, which you can also enable and customize - menu style.

I think you have an older version which may have this bug.

At least that's about the X icon.

Also, did you read the text that is shown before posting a bug? It says to try and update Lay Theme and all the Lay Theme plugins, and try to disable external plugins and see if that solves it.