Tagged: center logo, no menu
Hi, I have a site with the header menu set up using the “center logo, menu below” selected. Is there a way to remove the logo without the menu disappearing on a smart phone.
I was using this CSS:
#header_main > .container {
display: none;
}
which is fine on all platforms except smart phones where the entire menu disappears. I also notice that when I remove the CSS the menu nav burger will appear but the links are not appearing due to the link colour becoming white. Any help on these issues would be greatly appreciated.
Hey Snerp,
To remove the logo in mobile devices please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
.logo {
display: none !important;
}}
Best regards,
Vinay