Jump to content

sign up form fields too wide on mobile....

Recommended Posts

Site URL: https://coconut-grasshopper-b736.squarespace.com/config/pages/632491ecd2457c0d3e60fa0e?p

site password : gingerkev

my form sign ups on testimonials page are just how i want them, at least in desk top mode - but on mobile the best i can get them is as shown ...the fields for clients to fill in start ok in terms of position but go right off the right hand side of the screen...a bit lob-sided!

I'm open to tweaking the forms on desktop mode if it will solve the issue...

Can anyone advise /help?

Many thanks

Kev

Link to comment

It looks like in Custom CSS you're using a width of 550px for the form, so when you're on a screen narrower than 550px it extends too far. You can fix this easily by adding:

    max-width: 100%;

below width:550px; in the Custom CSS.

 

Give me a thumbs up if that helped!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 7 months later...
54 minutes ago, infatuated said:

My sign up form is too long and using Chrome, I can't scroll down to the button to submit.

It's not that your form is too long. It's that the button is not showing for some reason.

I am able to confirm a similar lack of the button showing on my test site. This indicates to me that it may be an SS backend issue.

Try this as a workaround.

Add the following to Design > Custom CSS.

.sso-button-style-outline ~ .sqs-modal-lightbox .form-wrapper input[ type=submit ] {

  background-color : black;
  color : white;
  
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.