CMS Development

dricketts
Participant

Form submit button not working

SOLVE

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? 

0 Upvotes
2 Accepted solutions
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Form submit button not working

SOLVE

@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 😄


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

 

Drop by and say Hi to me on slack.

View solution in original post

0 Upvotes
absolutions
Solution
Contributor

Form submit button not working

SOLVE

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.

View solution in original post

6 Replies 6
absolutions
Solution
Contributor

Form submit button not working

SOLVE

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.

dricketts
Participant

Form submit button not working

SOLVE

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

tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Form submit button not working

SOLVE

@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 😄


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

 

Drop by and say Hi to me on slack.

0 Upvotes
SSliker21
Member

Form submit button not working

SOLVE

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

tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Form submit button not working

SOLVE

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

0 Upvotes
dricketts
Participant

Form submit button not working

SOLVE

Thanks @tjoyce, this worked a charm!! 

 

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