Hi Kyle,
Adding that CSS did not change anything about the menu. It still appears on the site and on mobile.
I also tried changing the height to 0px but that didn’t work. Can you tell me if my current custom CSS is causing this problem, or another way to remove the menu.
I added custom CSS to center the logo and main menu…but what I really want to achieve is a centered logo and no main menu.
Thanks for your support!
-Daniela
/* Full width logo code */
#header-section #logo {
width: 100%;
}
#header-section #logo img, #header-section #logo img.retina {
margin: 0 auto;
}
/* Full width menu code */
#nav-section {
width: 100%!important;
}
.nav-wrap {
float: none!important;
}
#main-navigation {
float: none;
width: 100%;
height: 48px;
text-align: center;
}
nav .menu li {
float: none;
}
/* Disable the nav search */
#nav-search {
display: none;
}
/* Responsive code */
@media only screen and (max-width: 767px) {
#header-section #logo img, #header-section #logo img.retina {
margin-bottom: 20px;
}
#main-navigation {
width: auto;
height: auto;
text-align: left;
}
}
#header-section {
padding: 0 0 !important;
}
.standard-post-author {
display: none;
}