Hello,
In options I chose for Header: Logo in the middle, Menu above.
How can I hide the logo?
How to show the same Menu on mobile clients and not the Hamburger Menu?
Thanks or feedback
Bernd
Hey Bernd,
Thanks for your question, to hide the logo and show the desktop menu on mobile Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item-avia-special {
display: none;
}
}
@media only screen and (max-width: 767px) {
#top #header .av-main-nav > li.menu-item {
display: block!important;
}
}
#top .logo > a {
display: none;
}
Best regards,
Mike
Hi Mike
the logo vanished.
But the original desktop menu does not appear, when I minimize the browser window.
Only a white line is showing up.
What can I do?
Hi,
Thanks for the login, try this css:
@media only screen and (max-width: 767px){
.responsive #header_main_alternate {
display: block;
}
.responsive.html_top_nav_header .av-section-bottom-logo {
border-bottom-width: 0px;
}
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
}
#top #header .av-main-nav > li > a {
font-size: 10px;
}
}
You will need to make the font size smaller for all of the menu items to fit in a single line on mobile, above is 10px that is for the smallest screens (320px) for larger screens (425px) 15px works. So try adjusting to suit your needs.
After applying the css, please clear your browser cache and check.
Best regards,
Mike