Is it possible to hide the main menu on mobile? I just want the custom menu to show on the mobile.
Hey limedrop,
The below code will hide the default Enfold menus.
Please try adding the below CSS code in Quick CSS under Enfold > General Styling
/* Activate burger menu */
@media only screen and (max-width: 1224px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
display: none!important;
}}
If you still have an issue please provide a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Thank u for your quick response. The linke is
Now the main menu is gone on mobile, but the container is still there….I need to remove that as well.
See on mobile view
Therese
Hi Therese,
I’m not sure what you mean by that, do you want to remove the header? If so you can set that in the Layout menu on the page in question. If not then please try to explain a bit further or post a screenshot highlighting your intentions.
Best regards,
Rikard
Hi,
The below code will hide the logo area in mobile.
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av-logo-container {
padding: 0;
display: none;
}}
To upload a screenshot/mockup please use imgur.com and share the link here :)
Best regards,
Vinay
Hi limedrop,
Glad that Vinay helped you. :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko