Overlapping content on mobile site

[TheBeastiary]

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!

[Dan-From-Ryviu]

Hi @TheBeastiary 

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

<style>
#smile-ui-lite-launcher-frame-container { bottom: 90px !important; }
</style>

 

[TheBeastiary]

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!!

[Dan-From-Ryviu]

Please update code to this 

<style>
.smile-launcher-frame-container,
#smile-ui-lite-launcher-frame-container { bottom: 90px !important; }
</style>

[TheBeastiary]

Amazing thank you!!!

[Dan-From-Ryviu]

Happy I could help

[PageFly-Henry]

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

[TheBeastiary]

Thank you so much that worked great!