No menu on mobile or two menus everywhere else
-
I’ve inherited this site from another dev who bailed on the project so I’m not very familiar with this template. https://b87.8bc.myftpupload.com/
The original problem is that there is no menu displayed on tablet or mobile. I thought I found the solution in the child theme css.
If I remove this line in style.css then the mobile menu shows up, but then I get double menus everywhere
.navbar.resp { display: none; }' I tried putting it into the media queries section but that didn't seem to work either. I'm on the most current version of WP and Customizr template. below is my child theme css
/*
Theme Name: Customizr Child
Theme URI:
Description: Customizr Child Theme
Author: Shelly Furio
Author URI: https://example.com
Template: customizr
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: customizr-child
*//*
colors:
@aqua; #197a77;
@lightAqua: #79d9be;
@darkAqua; #006c68;@orange: #197a77;
@limegreen: #c6d93b
@cream: #efecca;new color for CTA/Highlights/Etc
@pink: #ff649c;
*/@import url(“../customizr/style.css”);
/* global */
body { background: #ffffff; font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif; }
#main-wrapper { background: #ffffff; margin-top: 0; padding-top: 20px; margin-bottom: 0; padding-bottom: 20px; }
.format-icon:before { display: none; }/* typography/colors */
a { color: #197a77; }
a:hover { color: #79d9be; text-decoration: none; }
h1 { font-family: “Arial Narrow”, Arial, sans-serif; color: #006c68; font-size: 40px; }
h2 { font-family: “Times New Roman”, Times, serif; color: #006c68; font-weight: bold; font-style: italic; font-size: 32px; line-height: 36px; }
h3 { font-family: “Times New Roman”, Times, serif; color: #006c68; font-size: 24px; font-style: italic; line-height: 28px; }
h4 { font-family: “Arial Narrow”, Arial, sans-serif; color: #006c68; font-size: 18px; line-height: 22px; }
h5 { font-family: “Times New Roman”, Times, serif; color: #197a77; font-size: 18px; font-style: italic; line-height: 20px; }/* buttons */
.btn { padding: 8px 20px; border: 0; }
.btn.btn-primary { background: #197a77;}
.btn.btn-primary a { color: #ffffff;}
.btn.btn-default { background: #197a77; color: #ffffff; text-shadow: none; }/* header */
.tc-header { border-top: 2px solid #333; border-bottom: 2px solid #006c68; }/* main nav */
.navbar .navbar-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; }
.navbar .nav { float: right; }
.navbar .nav>li>.dropdown-menu:before { display: none; }
.navbar .nav>li>a { font-family: Arial, ‘Helvetica Neue’, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; font-weight: normal; color: #333333; padding: 5px 14px; }
.navbar .nav>li.current-menu-ancestor>a, .navbar .nav>li.current-menu-item>a { color: #006c68; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-submenu:focus>a, .dropdown-submenu:hover>a { background: #79d9be; color: #333333; }
.navbar .nav>li.current-menu-ancestor>a:hover, .navbar .nav>li.current-menu-item>a:hover, .navbar .nav>li>a:hover { color: #79d9be; }
.navbar .nav>li>a:first-letter { font-size: inherit; }
.navbar.notresp { float: right; margin-top: 30px; }
.navbar.resp { display: none; }/* slider */
/* #customizr-slider { background: url(‘../../uploads/2014/10/grey.png’); border-bottom: 5px solid #006c68; } */
/* .carousel-inner { max-width: 1170px; margin: 0 auto; } *//* featured homepage area */
.widget-front { text-align: left; }
.widget-front h2 { font-family: “Times New Roman”, Times, serif; color: #006c68; font-weight: bold; font-style: italic; font-size: 30px; }
.widget-front p { font-size: 16px; line-height: 22px; }
.widget-front .fp-button { display: none; }
.fp-two { display: none; }
.fp-three { display: none; }/* forums template */
#main-wrapper.forums { padding-top: 0; padding-bottom: 0; }
#main-wrapper.forums .article-container { padding-top: 20px; }
.aside { padding: 20px; background: #efecca; }/* footer */
footer#footer { border-top: 12px solid #197a77; }
footer#footer .colophon { background-color: #197a77; }
footer#footer .colophon p { color: #efecca; }
footer#footer .colophon a { color: #efecca; }
footer#footer .colophon a.back-to-top { color: #197a77; }
footer#footer .colophon a:hover { color: #79d9be; text-decoration: none; }/* login page */
.login h1 a { background-image: url(../wp-content/uploads/2014/11/logo2.png); }/* responsive */
@media (min-width: 1200px) {
/*
.breadcrumb-trail.breadcrumbs { padding-left: 109px; }
#content { padding-left: 109px; padding-right: 109px; }*/
.fp-one { width: 970px; margin-left: 130px; }
}@media (min-width: 1171px) and (max-width: 1199px) {
body { background: #ffffff; }}
@media (max-width: 1170px) {
body { background: #ffffff; }}
@media (max-width: 979px) {
.nav-collapse .nav { float: none; }
}
/* =Theme customization starts here
————————————————————– */.entry-meta {
display: none;
}h3.assistive-text, .pager .previous > a, .pager .previous > span, .pager .next > a, .pager .next > span {
display: none;
}.carousel-caption h1 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
top: 80%;
}
.carousel-caption {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
margin-left: 0;
max-width: 100%;
padding: 0;
position: absolute;
text-align: center;}
`
- The topic ‘No menu on mobile or two menus everywhere else’ is closed to new replies.