Chat button hiding behind sections on mobile devices.

I have a website, https://hume.la/, and am trying to add a chat utility to the site with the providers code. It's called arketa-chatbot. This all works, however, the chat utility is hidden behind sections of the website fluid theme being used for the hume.la site. I added custom CSS to resolve this on desktop, setting z-index for the arketa-chatbot so the chat utility shows above all sections on desktop, but on mobile it does not behave the same, it hides behind home page sections. It's not visible until you scroll all the way to the bottom of the home page on mobile device. Do you have any idea how to make it visible on mobile device over all sections? It now functions as desired on desktop, but not mobile devices. I'm using iPhone latest versoin to test.

Hello @acer152, did you try adding this  " @media screen and (max-width:768px) {" when usig z-index for mobile only? For example:

@media screen and (max-width:768px) {
.chat {

z-index: 3 !important;

}
}

Give it a go and let me know.

Yes, check out the site source.  This is related CSS:

 @media (max-width: 768px) { /* Adjust the breakpoint as necessary */
       arketa-chatbot,
       arketa-chatbot a {
           position: relative;
           z-index: 9999 !important; /* Ensure consistency */
       }
   }