Bootstrap Modal not working

So I had this fancy idea to create on my contact page a modal in order to open the contact form in a hovering window.

This is the code I’ve used:

[modal text="Click to Open" title="Contact form"]
[contact-form][contact-field label='Name' type='name' required='1'/][contact-field label='Email' type='email' required='1'/][contact-field label='Website' type='url'/][contact-field label='Comment' type='textarea' required='1'/][/contact-form] 
[modal-footer]
[button type="primary" link="#" data="dismiss,modal"]Dismiss[/button]
[/modal-footer]
[/modal]

This is the result I’ve got:

The modal pops up but part of it is hidden underneath the menu and the screen is greyed out.

Does anyone have an idea what causes this misbehaviour?

• This topic was modified 10 years ago by Browsergirl.
• This topic was modified 10 years ago by Browsergirl.
• This topic was modified 10 years ago by Browsergirl.