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 3 weeks, 5 days 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

Hello,

You could override some values from here – https://prnt.sc/qwLrx8CzmMQO , so the result will be something like this – https://prnt.sc/UIf0HPlLFo-R

As for the “hola-belsy “, I cannot find what that is.

In general, that CSS comes from the 3rd party plugin so I suggest asking the developers of the plugin about the best solution in this case.

Kind Regards

Hi, thanks! Actually, for the custom CSS I’m using the wood mart built-in option. And for desktop and tablet views is working ok “.hola-belcy” and “.joinchat”, the only issue is with the mobile view. I rather not to make any changes if the changes are not in the custom CSS sheet. Can you please help me?

Hello,

1. I see that you have already applied the CSS for the joinchat and it works – https://prnt.sc/ctvKrcoQfYyx

2. The position of the image you can change via the page builder – https://prnt.sc/kjKH8sMEtvyd

Kind Regards

[Author]

Posts