Jump to content

Two Column Form Block

Recommended Posts

Hello, the form I have on this page is super long and i'm trying to make it shorter by having 2 columns versus 1 long list for everything. The 2 columns would be needed specifically for the following drop downs
1. Career
2. Money
3. Health
4. Friends and Family
5. Significant others/romance
6. Personal growth
7. Fun & recreation
8. Physical environment

Link to comment
54 minutes ago, Mifamedianj said:

Hello, the form I have on this page is super long and i'm trying to make it shorter by having 2 columns versus 1 long list for everything. The 2 columns would be needed specifically for the following drop downs
1. Career
2. Money
3. Health
4. Friends and Family
5. Significant others/romance
6. Personal growth
7. Fun & recreation
8. Physical environment

We need your URL site to check issue on your site, can you share it?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
4 hours ago, Mifamedianj said:

@bangank36 let me know if this is what you need
Password: Kickstart
https://www.kathrynlandisconsulting.com/coaching-onboarding-form

You can try adding to Home > Design > custom Css

@media only screen and (min-width: 768px) {
  #section-cc178ea8-6b0c-4d59-84cb-0f7a72c173f9 ~ .form-item.field.select {
    width: 50%;
    float: left;
  }
}

Let me know how it works on your site

Support me by pressing 👍  or marking as solution if this useful for you

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.thumb.png.b2bff8d67abe7a08d628c51a97478139.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
1 hour ago, Mifamedianj said:

@bangank36 it works but on mobile it should just be one long list. Is there a way to edit that?

You can check my code again

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.