Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 189
  • Last Modified:

modal.js doesn't close on click x

I am using the jquery modal.js file and when I click on the x the box doesn't close.
Is something wrong or covering the x.
You can see my file here:

http://parkplaceofbelvidere.com/Contact_Us.html
0
rivkamak
Asked:
rivkamak
  • 3
2 Solutions
 
GaryCommented:
And how do we get the modal?
0
 
GaryCommented:
In .modal-body {} you are moving the content up above the close button with top:-20px
0
 
leakim971PluritechnicianCommented:
add this in your document.ready block or in a script tag at the end of your body tag

$(".modal button.close")
    .css("z-index",1)
    .click(function() { 
          $(this).closest(".modal").fadeOut("slow");
    });

Open in new window

0
 
GaryCommented:
To
.modal-header .close {}
add
z-index:1
0
 
Hans LangerCommented:
in your contact-form.css
delete the top: -20px

.modal-body {
  position: relative;
  padding: 20px;
  /* top:-20px; */ <--- comment or delete this style
}

Open in new window

0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now