Button appearing deformed on mobile

Ask the community
, ,
1

Hello everyone,

I’m designing a page on Wix Studio and have encountered a potential bug within Wix.

The issue involves buttons. They display correctly on desktop and tablet devices.
On mobile, on the other hand, the buttons are deforming:

Wix_ss_02
Wix_ss_021920×933 189 KB

Despite the bounding boxes being correctly sized, the buttons themselves are deformed. Temporarily altering the stack spacing causes them to briefly display correctly, but they immediately return to the distorted state.

The buttons continue to be deformed in preview mode and the issue persists in any section of the page.

I have tried deleting them, adding them again on desktop, and the buttons will always deform on mobile. I also tried changing their properties, removing them from the stacks, adjusting their size, and the problem persisted.

That’s quite frustrating, I’d appreciate any help.

2

do you have a screenshot of the button element showing its sizing

3

Thank you for your reply!

Yes, here’s a screenshot with the buttons sizes:

Wix_ss_03
Wix_ss_031920×933 195 KB

4

Hi there,

Try this. Go to desktop edit view, change button from “responsive” to”fixed”.

Best,

imtonydillard

5

Thanks for your reply!

I tried that with no success. What I did in the end was deleting both buttons, recreating them from scratch, wrapping them in a stack and adding them to the original stack.