Mobile menu not working (possible CSS issue?)
Hi Support,
Our site's mobile menu isn't working anymore for some reason: http://tuanzbuild.tuanz.org.nz/
We had this issue before and it was because the main TUANZ logo was too far to the left and was conflicting with the mobile menu of which this was done by CSS. I have completely removed the code and checked all css but unable to fix it.
Current CSS code as follows:
.site-title {
display: none;
}
/*This code hides page title but still maintains the title on featured content*/
#main .page header.entry-header{
display: none;
}
/*SOCIAL MEDIA ICONS CSS BELOW*/
.site .widget_catchresponsive_social_icons a.genericon {
background-color: #fff;
border-color: #fff;
color: #fff;
text-decoration: none;
}
.site .widget_catchresponsive_social_icons a.genericon-facebook-alt {
background-color: #3b5998;
border-color: #3b5998;
}
.site .widget_catchresponsive_social_icons a.genericon-twitter {
background-color: #00aced;
border-color: #00aced;
}
.site .widget_catchresponsive_social_icons a.genericon-linkedin {
background-color: #007bb6;
border-color: #007bb6;
}
.site .widget_catchresponsive_social_icons a.genericon-youtube {
background-color: #bb0000;
border-color: #bb0000;
}
.site .widget_catchresponsive_social_icons a.genericon-instagram {
background-color: #517fa4;
border-color: #517fa4;
}
/*SOCIAL MEDIA ICONS CSS ABOVE*/
/*Changes Main backgroundcolour*/
#content, #main, #site-generator
{
background-color: transparent;
}
/*Main heading CSS transparent etc...*/
.nav-primary {
background-color: transparent;
border-top: 0px solid #000;
border-bottom: 2.5px solid #2B4C66;
}
/*This is the spacing between main menu and featured slider*/
.catchresponsive-nav-menu{
padding-bottom: 0px;
}
.catchresponsive-nav-menu .current-menu-item > a, .catchresponsive-nav-menu .current-menu-ancestor > a, .catchresponsive-nav-menu .current_page_item > a, .catchresponsive-nav-menu .current_page_ancestor > a {
background-color: transparent;
}
.catchresponsive-nav-menu li:hover>a {
background-color: #9CCCD4;
}
.catchresponsive-nav-menu li:hover > a,
.sidebar-header-right .widget_nav_menu li > a {
background-color: transparent;
color: #000;
}
.catchresponsive-nav-menu .sub-menu li:hover>a {
background-color: #9CCCD4;
color: #000;
}
.catchresponsive-nav-menu a {
color: #2B4C66;
}
#feature-slider{
padding-bottom: 1;
}
/*Featured content and welcome to TUANZ transpraent BG css*/
#promotion-message, #featured-content {
background-color: transparent;
}
.catchresponsive-nav-menu {
font-size:13px;
}
/*Transparent fix in sub menu*/
.catchresponsive-nav-menu .sub-menu a {
background-color: #fff;
font-size:12px;
color: #2B4C66;
}
/*Featured Content MAIN heading red color*/
.home #promotion-message h2,
.home #featured-heading,
.home #featured-content .entry-title {
color: #E60000;
}
/*Featured Content SUB headings color */
#featured-content .entry-title a {
color: #2B4C66;
}
/*This makes the Welcome to TUANZ message fill up to the right side of screen*/
#promotion-message .left{
max-width:none;
}
/*Welcome to TUANZ title color*/
.home #promotion-message h2
{
color: #2B4C66;
}
/*Featured Content title color*/
#featured-content .entry-title{
color: #2B4C66;
}
/* Colors read more link and fixes underlining issue from broadband map*/
a.more-link {
border-bottom: none;
color: #9CCCD4;
}
Could you please assist?
Regards,
Rob