Problem with custom CSS (mix-blend-mode: exclude) since update
-
Hi!
I wrote a small code in custom CSS to invert the header with the background.
>> .navbar {mix-blend-mode: exclusion;} <<
Since 1-3 weeks it doesnt work with pictures and videos anymore.
It does only work when it is scrolled above the text on my website.- I updated everything
- I deactivated all plugins to test it
- I tried other codes
Do you have an Idea why it happened like this? It happened after something updated. I didn't change anything since it worked very well.
I restored to the status after I was done with my Website and everything was working fine. It does work now with pictures, but not with html5 videos with clickable link on my landing page, or with the background video on the same page. As said it worked before. I don't have any coding experiences. Everything I have coded >Header code and html5 videos with a link< I have done with a lot of research (Web and this forum).
It does work with google chrome and safari
My browser: Newest Mozilla Firefox on Windows 10
My Website: www.israfilakca.com -
Dear @Israfil
I think its worthwhile looking into why Mozilla behaves differently with mix-blend-mode as both Safari and Chrome are functioning properly.
Apologies that in cannot be of further assistance at this time
Sincerely
Richard
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it