Custom Mobile CSS

[emancilla0410]

Hi, after the update the CSS code is not working properly for mobile view. The code is the following:

/* whatsapp */
.joinchat {
position: fixed !important; /* Ensures it stays in place */
bottom: 105px !important; /* Distance from the bottom */
right: 4px !important; /* Distance from the right */
z-index: 9999 !important; /* Ensures it appears above other elements */
visibility: visible;
animation: fadeIn 0.5s ease-in-out 0.5s forwards;
opacity: 0;
}

/* Belsy */
.hola-belsy {
position: fixed;
bottom: -90px !important;
right: -100px !important;
width: 500px !important;
height: 500px !important;
z-index: 9999 !important;
opacity: 0;
visibility: visible;
animation: fadeIn 0.3s ease-in-out 0.2s forwards;
clip-path: polygon(82% 68%, 86% 67%, 89% 54%, 84% 40%, 70% 21%, 59% 8%, 55% 8%, 45% 12%, 42% 24%, 0 24%, 0 45%, 32% 45%, 39% 62%, 42% 67%, 42% 68%);
}

Before a WordPress update the code was working fine, but now is not working, no matter if I change the value of the attributes it won’t work. Please help me to debug

• This topic was modified 4 hours ago by emancilla0410.

For more details, the .hola-belsy element is hidden in the background, which shouldn’t happen. The only element that should be in front of .hola-belsy is .joinchat

[Author]

Posts