Streaming live at 10am (PST)

Element distorts when using hide function

Hi everyone,

I have button that I only want to show on mobile. For this purpose I’m using the hide function. I typically put the hide function on, which hides the button for both desktop and mobile. Then I go to mobile and press who for mobile. What happens now that the button is shown and only for mobile, however, it is completely distorted. I don’t know where this is coming from. There are no settings that indicate this change.

Here two images of the button before and after the hide function.

grafik
grafik

Here also a link to my project:

https://preview.webflow.com/preview/pest-control-lp-93fa1ec4c5a1fbc65f2e910?utm_medium=preview_link&utm_source=designer&utm_content=pest-control-lp-93fa1ec4c5a1fbc65f2e910&preview=66be3a135c652cefe10e2e0b6aa37ec1&pageId=614b55dbe4531f0324b889b1&workflow=preview

Would be great to get advice on this.

Thanks

Michael

Hey there!

You should set display to ‘flex’ on the button on mobile (screenshot below).

Ahh of course. Yes that makes a lot of sense. Thanks!!

1 Like