Live Chat on mobiles appears below the PWA icons

[pablocanedoq]

Hi, Since the last updates, when you open the Live Chat tab, the icons (logged in menu, notification, etc.) appear overlapping the chat, which prevents the correct visualization and use of the chat. I share image and video in the following private message. Please help soon Thanks

[pablocanedoq]

This reply has been marked as private.

[Anshuman Sahu]

try adding this custom css in your wp-admin -> appearance -> customize -> custom css : .vibebp_live_modules { top: 30px; height: calc(100vh - 30px); z-index: 9999999; }

[pablocanedoq]

It's not working quite right: 1. This has only moved the chat window down 30 pixels. This might work as a temporary fix, but... there is another issue that has come up that is there, whether the code you shared is used with or not. I explain it in point 2: 2. When you open the chat window, you not only control what is there, but what is behind it. Look: https://drive.google.com/file/d/1Ddd_SSn7sBVSoiXGH3FVyk3TLAo0TlFP/view?usp=sharing 3. And also, this is negatively affecting the display of Live Chat on Desktop: https://prnt.sc/1pxzkvn

[Anshuman Sahu]

please remove above css and use this one : .vibebp_live_modules { z-index: 9999999; }

[Author]

Posts