Jump to content

Form submission button on mobile not behaving as it should

Go to solution Solved by tuanphan,

Recommended Posts


I have a form on a client's site that is doing something strange. When the submit button of the form is clicked the button font color changes to red making it the same color as the button background and therefore invisible. It then shrinks a little before moving to the redirect page. I've looked at all my css and can't get to the bottom of this.

Strangely in mobile view on the backend it behaves as expected - red text white background but on an actual mobile device I get the issue as shown in video below.

Upon further testing It's not just the menu submission button but also the navigation call to action button on mobile too - it loses the text. So I'm guessing it's a button issue on the whole or theme issue?

The page with the offending form button

Home page for mobile navigation menu (REQUEST A QUOTE)

Thanks in advance, 

Edited by HelenCrozier
added tags
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

You can add this to Website Tools (under Not Linked) > Custom CSS to fix problem

#siteWrapper.site-wrapper .sqs-button-element--primary:hover {
    color: white !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.