Change in the button width in the flexbox

[kawachang]

Hello.
Please tell me about the change in the button width in the flexbox.

I am using PRO.
Is it possible to place a button in the Footer and change the width to 280px for PC display and 350px for mobile display?!

[lely]

Hi @kawachang,

Yes that is possible. You have 2 Options.

First: Use 2 button elements then based on the screen width, set the button width. The first button showing for PC with 280px width is hidden on mobilde. Second button with 350px button is hidden on desktop. Use HIDE DURING BREAKPOINTS under Customize to achieve this.

Second: Using 1 button only, you will force the width using custom CSS via media query:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• Media Queries - https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Hope this helps.

[kawachang]

Thank you!

I thought that the width can be changed freely by using a flex box. It’s different.

We will implement using the BREAKPOINTS DURING HIDE that you have proposed.

Thank you!

[jade]

You’re welcome, @kawachang.