Jump to content

Would like to make form buttons Full-Width in Mobile only.

Recommended Posts

  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

2 hours ago, Designnosaur said:

Hello!

I would like to make the button in my request form full-width in mobile viewports only. Any advice?

Thanks so much!

Screen Shot 2024-04-02 at 12.25.19 PM.png

Screen Shot 2024-04-02 at 12.25.27 PM.png

Hi, try adding this code to custom css:

@media (max-width: 767px) {
  button.button.sqs-system-button.sqs-editable-button.form-submit-button.sqs-button-element--primary {
    width:100%;
  }
}

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.