Form submit button not working

SOLVE
New Contributor

Hi everyone,

 

When on this page of our website (https://www.kctrust.co.uk/contact-us), the form button “submit" does not click to submit.

 

The "submit" button does seem to work on mobile but it's not working on desktop. 

 

Can anyone help? 

Reply
0 Upvotes
2 Accepted solutions

Accepted Solutions
Regular Advisor | Gold Partner | HubSpot Certified Trainer

@dricketts - If you look at the following screenshot, I added a background color to your second contact section. You will see the div element is covering the bottom half of the form. The easy fix will be to remove pointer events with css.

.contact-section-two {
  pointer-events:none;
}

The better solution would be to restructure your page, in case later on, you want to add a CTA to the section that you removed pointer events from. The CTA will then be affected.

Contact Us 2018-07-13 09-30-43.png


If this answer helped, please, mark as solved Smiley Very Happy


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Reply
0 Upvotes
Regular Contributor

Hi,

Its because of left bottom part is overlapping

Spoiler
.contact-header .form {
  1. background-color: #58D68D;
  2. padding: 30px 30px;
  3. position: relative;
  4. z-index: 1;

you can update this.

6 Replies
Regular Advisor | Gold Partner | HubSpot Certified Trainer

@dricketts - If you look at the following screenshot, I added a background color to your second contact section. You will see the div element is covering the bottom half of the form. The easy fix will be to remove pointer events with css.

.contact-section-two {
  pointer-events:none;
}

The better solution would be to restructure your page, in case later on, you want to add a CTA to the section that you removed pointer events from. The CTA will then be affected.

Contact Us 2018-07-13 09-30-43.png


If this answer helped, please, mark as solved Smiley Very Happy


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Reply
0 Upvotes
New Contributor

Thanks @tjoyce, this worked a charm!! 

 

As you may have noticed, I'm not a coder so I really appreciate the help. Smiley Happy

New Member

I am having a similar issue for my footer button on this URL:

 

http://staging-wincline.kinsta.com/

 

Any reason why the button wont work?

 

I am using belcher.io

Highlighted
Regular Advisor | Gold Partner | HubSpot Certified Trainer

@SSliker21 - did you get this fixed? I'm not seeing a blockage.

Reply
0 Upvotes
Regular Contributor

Hi,

Its because of left bottom part is overlapping

Spoiler
.contact-header .form {
  1. background-color: #58D68D;
  2. padding: 30px 30px;
  3. position: relative;
  4. z-index: 1;

you can update this.

New Contributor

Thanks@absolutions! This worked perfectly - really appreciate the help.