Custom popup on mobile

Hello,

I’d like to customize the bubble popup by placing it on the right side of my page for the largest breakpoints with a constrained measurement of 480px wide ( it’s a pity that’s not native in bubble😞).
I added a few lines of HTML code (I’m not a dev).
My popup fits well on the right of my page with the margins I give it, but for the smallest breakpoints I’d like my popup to be centered with my margins on the left and right and stretch 100% of the width, whereas on mobile (see photo) my popup is fixed on the right with a margin on the left only.

Do you have any idea why, or is there something wrong with my code?

THANK YOU!

SCR-20240415-pkxk

Maybe add a conditional to the HTML to not show on smaller screen sizes, if not showing doesnt work, try chaning the HTML to Blank on smaller screen sizes

You can do the conditional for Current Page Width < 420 px for example

1 Like

Thank you for your answer, as you recommended I change the HTML in de conditional and now look really nice. :+1: Thank you very much. :blush:

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.