How to fix overlapping content on a mobile website?

Hello,

Chat bubble and points bubble are overlapping on the mobile version of my website.

The cookies pop-up also doesn’t seem movable and just seems cluttered and ruins the customer experience.

Any help would be greatly appreciated!

Hi @TheBeastiary

Please go to your Online store > Themes > Edit code > open theme.liquid file, add this code before tag


Hi @TheBeastiary

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

modal-box#modal-popups-0 {

margin-bottom: 70px !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Thank you worked great, but after you click on the bubble and exit it it reverts back down to the bottom right corner overlapping the chat. Is there a way to make it stay there? Thanks again!!

Thank you so much that worked great!

Please update code to this


Amazing thank you!!!

Happy I could help