Solved

modal.js doesn't close on click x

Posted on 2014-12-02
5
184 Views
Last Modified: 2014-12-02
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
Comment
Question by:rivkamak
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40477370
And how do we get the modal?
0
 
LVL 58

Assisted Solution

by:Gary
Gary earned 250 total points
ID: 40477380
In .modal-body {} you are moving the content up above the close button with top:-20px
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40477382
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
 
LVL 58

Expert Comment

by:Gary
ID: 40477403
To
.modal-header .close {}
add
z-index:1
0
 
LVL 10

Accepted Solution

by:
Hans Langer earned 250 total points
ID: 40477476
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

Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

617 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question