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

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

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!

many thanks ziggy!

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

https://www.danielastevens.com/bedrockcourse

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.