Navigation Menu Z-index

Hi, I was wondering if there is something that I can do to prevent the navigation bar and logo from showing on top of my scheduling widget. I use vCita and the first scheduling option cannot be seen due to the navigation bar. I've changed the z index (see custom css below) but it isn't helping. Is there anything else that you suggest I do? You can go to http://headwaybodymind.com/brainwaves/ and click on the "schedule" button that pops up to see what I am talking about. I've also attached a screenshot.

Here is a copy of the code I added to the custom css. Thanks! - Michael


@media only screen and (min-width: 1401px) and (max-width: 1800px) {
.header{
z-index:1;
}

@media only screen and (min-width: 1141px) and (max-width: 1400px) {
.header{
z-index:1;
}

@media only screen and (min-width: 960px) and (max-width: 1140px) {
.header{
z-index:1;
}

@media only screen and (min-width: 767px) and (max-width: 960px) {
.header{

z-index:1;
}

#it_mobile_menu{

z-index: 1;
}

#mobile_menu{

z-index:1;
}

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#vc_colorbox, #vc_cboxOverlay, #vc_cboxWrapper {
z-index: 99999;
}