New Site Up, A Few Bugs to Iron Out

[Nathaniel]

Nathaniel

December 6, 2014 at 8:41 am

I have my new website up and running (*Login to see link but I’m having a few issues. The first issue I am having is with my mobile navigation menu being stuck behind the revolution slider on the homepage. When I originally input the slider it was going full screen so we had to make an adjustment by adding some css code. Now I think that code is forcing the slider in front of the menu:

.sliderclass {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

So I’m not sure how to make that slider code only applicable when viewing the desktop version.

Second issue I’m having is with the mobile version of my site. I want to use a different slider for the mobile version but I’m missing the plugins for the kadence and cyclone sliders.

Third issue is also related to mobile. When my mobile menu expands it is transparent and you can barely see any menu items. I’m certain that my css is clobbering it but I can’t pick it out. Any thoughts?

/***** GLOBAL *****/
.sliderclass {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}

#kad-banner {
padding-bottom: 20px;
}

#logo {
padding-bottom: 0;
padding-top: 0;
padding-bottom: 10px;
}

#thelogo {
height: 75px;
width: 360px;
margin: 0 auto;
padding-top: 10px;
}

#topbar {
pardding-top: 20px;
padding-bottom: 0;
}

#kad-banner>.container {
height: 80px;
padding-top: 0;
margin-top: 0;
}

.page-header h1 {
font-size: 28px;
text-transform: uppercase;
color: rgb(68,68,68);
font-weight: bold;
}

.footerclass {
border-top: 2px solid #BEB6BF;
}

/***** HOMEPAGE *****/
.home_content {
margin-top: 20px;
}

.home_content h5 {
border-bottom: 1px solid #BEB6BF;
margin-bottom: 15px;
padding-bottom: 5px;
}

.home_content a {
text-decoration: none;
color: #9773F1;
}

/***** BLOG *****/
.vendor_link {
text-decoration: none;
color:#B175BD;
}

/*****INFO PAGES *****/
.info_pages h1 {
font-size: 28px;
text-transform: uppercase;
color: rgb(68,68,68);
font-weight: bold;
}

.info_pages subtitle {
text-transform: uppercase;
}

.info_page h5 {
color: #76777A;
}

/***** FAQ PAGE *****/
.faq h5:hover {
color: #000000;
cursor: pointer;
}

.faq>.question>h5 {
color: #000000;
cursor: pointer;
line-height: 30px;
}

.faq>.answer p {
font-style: italic;
}
.faq a {
text-decoration: none;
color: #9773F1;
}

/***** ABOUT *****/
#contact_info {
padding-top: 0;
}

#submit {
// background-color: #898785;
background-color: #D0CFCE; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0CFCE), to(#BCBCBC));
background-image: -webkit-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -moz-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -ms-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: -o-linear-gradient(top, #D0CFCE, #BCBCBC);
background-image: linear-gradient(to bottom, #D0CFCE, #BCBCBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D0CFCE, endColorstr=#BCBCBC);
color: #000;
}

#submit:hover {
background-color: #BBBAB9; background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBAB9), to(#A9A9A9));
background-image: -webkit-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -moz-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -ms-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: -o-linear-gradient(top, #BBBAB9, #A9A9A9);
background-image: linear-gradient(to bottom, #BBBAB9, #A9A9A9);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#BBBAB9, endColorstr=#A9A9A9);
}