Non-responsive button

Hello there,

I am using a button in a custom footer and it doesn’t want to resize on smaller screens. Any idea what I might not be doing correctly?

I have included screen grabs of the settings of each element.

Kind Regards,

Spencer

Hi Spencer,

Thanks for reaching out.
It seems that the Font Size of the Button text is the reason behind it. I have investigated your website and found that the Font Size is set to **2.1em ** for all the screen sizes from Button > Text > Primary. I would suggest you adjust the Font Size for different screen size by clicking into the size label as shown in the screenshot.

Screenshot-2022-01-12-155343

Screenshot-2022-01-12-155419

Hope it helps.
Thanks

Hi @tristup,

Thanks for getting back to me.

The problem I have is that the button appears to be fixed width whereas other buttons are responsive and will stack the button text on smaller screens. Please see the attached image for an example.

The bottom button is the problem.

buttons

Kind Regards,

Spencer

Hello @finkk,

I would suggest you set the button width for all the breakpoints and set the font size for the different breakpoints. Please have a look at the given screenshot below.

If it doesn’t work for you, please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin level username and password
  • Exact page URL

You can find the Secure Note button at the bottom of your posts

Thanks

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