Hello harmario,
If you want to hide the both main menu for desktop and mobile devices, notice that you should use the code below and place it in Theme Panel -> Custom CSS area.
The code is ->
.td-icon-mobile{
display:none!important;
}
.td-header-main-menu{
display:none!important;
}
Hope this helps!
Thanks for the message!
Sorry, I was so fast saying it works fine hehehe
It doesn“t work like I want:
.td-icon-mobile{
display:none!important;
}
This part of the code work nice and hide the icon menu on mobile but, If I include the next part, hide all the header including logo and icon of search option.
.td-header-main-menu{
display:none!important;
}
On desktop work fine and hide only the main menu.
Any idea?
Thanks a lot!
-
This reply was modified 9 years by
harmario.
Hello harmario,
If you want to hide only the menu items from the top of your website, you should use the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.menu-item{
display:none;
}
Also, if you want to remove the menu only from mobile devices, you should use only the following code ->
.td-icon-mobile{
display:none!important;
}
Or also, if you want to hide from the entire website, use both of codes.
Thanks for your understanding!
Hi Catalin!
I was testing the last codes and is not what I looking for.
I will try to explain me better.
.td-header-main-menu{
display:none!important;
}
This one yout give before works fine on desktop cause I see the logo but on mobile hide all the header (menu, logo and search icon) and I“m looking for something that hide both the menu on mobile and desktop but not the logo (the search icon I really dont mind now).
Thank you for being patient ;D
Hello harmario,
Sorry for my bad understanding! Try to use the code below and you will have the both menu hide on the desktop and mobile devices, without the logo.
The code is ->
@media(min-width:767px){
.td-header-main-menu{
display:none!important;
}
}
.td-icon-mobile{
display:none!important;
}
Hope this helps!
Thanks.