Button deforms on live

Hi:

The button while editing seems ok but on devices it deforms. Please see the screen shots below.

Thanks in advance for your help.

Ravi Upadhyaya

Hi Ravi,

Please try setting content flex layout to ROW

Hope that helps.

Thanks Paul. Tried it changing between row and column without any effect. I am running version 2.2.2 of the Pro theme. I noticed that the button on the live page is half the size of the editing page. When I set the button size to 100 px on the editing page, the live page button is 50 pixels high.

Software bug!!! and you need to fix it fast.

Thanks
Ravi Upadhyaya

Hey Ravi,

Sorry for the confusion. It is not the button’s Flex Layout you need to change but your Container’s. It squeezes the button. Setting it to Row should fix the issue.

I’d recommend you get familiar with Flexbox so you understand how the settings works. We have a tutorial here.

Hope that helps.

Thanks Christian. It worked. Thanks for the tutorials, I will view that.

Ravi Upadhyaya

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.