Buttons Look Fine in Wix Studio Editor, but stretch significantly in live/feedback mode

Ask the community
1

Hi everyone!

I am creating my first site with Wix Studio and am running into problems with the buttons. In the Studio editor, everything looks fine in desktop, tablet, and mobile. When I send the site to the client for feedback, I see that the buttons are all messed up on both desktop, mobile, and tablet.

Here are images showing how the buttons should look, and then how they look across different devices:

Screenshot 2024-09-27 at 10.40.52 AM
Screenshot 2024-09-27 at 10.40.52 AM352×774 27.7 KB

I assume the problem can’t be that hard to fix, but I can’t figure out what to do exactly. This is happening all over the site. Thank you for your help!!

2

Hi, Elizabeth_Cylkowski !!

For now, please check the margin and padding settings for that button. Also, verify if the text size of the button label is set correctly for each breakpoint. :thinking:

3

@Elizabeth_Cylkowski Seems like it might be related to the button text being connected to the Site Styles. I’m guessing the font settings in site styles are set to Scale Proportionally, so when the breakpoint changes, the font in the button is scaling a little strangely