[Resolved] Padding/alignment not working on mobile version of page

[Sasha]

Hello,

I’ve recently created a “link in bio” style landing page for mobile/social.

Unfortunately, the padding and alignment are all off on some of my buttons. I’ve checked every container/elements and it really seems like my wide pill buttons should be centered on the mobile page with a 10px margin on left and right. (It also appears to be off-centered on desktop, but more obvious on mobile.)

Can you please take a look and tell me what I’m doing wrong? Thanks!

[Ying]

Hi Sasha,

Could you remove this CSS applied to the button?
transform: scale(1.1)perspective(1e3px);

And remove the margin-left and margin-right of the button block as well.

Let me know!

[Sasha]

Thank you Ying! I wasn’t seeing the margin values or Effects in the block settings because the buttons were using global styles – I was finally able to fix this by fixing the global styles 🙂

[Ying]

Awesome, glad you figured it out 🙂

[Author]

Posts