Would anyone be able to help me and identify the source of the problem.
I do not know why the “mix-blend-mode” property (in this case with the “difference” value) partially works in the phone browsers: Chrome and Firefox (navigation is ok, the rest is not blending) but it’s correctly displayed on their desktop equivalents.
mix-blend-mode is applied to DIV that contains text only
Those DIVs have background (that’s rendering on phones also)…
…and transparent border
SVG background have no “transform” code
It could be a problem with supporting this property on Android apps, but menu is blending correctly so what’s the problem with other DIVs?