HI,
I want to hide the menu on the whole site – http://www.hotelladdict.se
What code shall I add?
Thanks
Charlotte
If you’re referring to the three links at the top add this to the Quick CSS section
div#header_main_alternate {
display: none;
}
Hi,
no, I am referring to the 3 lines of the menu that is only visible on mobile and on the blog post https://www.hotelladdict.se/artist-residence-london/
What code do I need to not see that?
Thanks.
Charlotte
Hi,
Add this to quick css:
#text-9{
display:none!important;
}
Best regards,
Jordan Shannon
Hi Jordan,
thanks but this deletes the icons and I want to keep them.
I meant this menu that is visible on blog post and category pages.
I don’t want to see them
Best regards
Charlotte
Hi Charlotte,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header .inner-container .main_menu #avia-menu-0 .menu-item-avia-special.av-small-burger-icon {
display: none;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria,
the code took away the top menu but not the 3 lines below Hotell Addict
Best regards
Charlotte
Hi,
Add this as well:
@media only screen and (max-width: 767px) {
.responsive #top.single-post .av-hamburger.av-hamburger--spin.av-js-hamburger {
display: none;
}
}
Best regards,
Jordan Shannon
Thanks :)
Hi,
No problem. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon