Hide the main menu on mobile

Posted in: Newsmag
Post count: 49
harmario
#186724
Aug 2, 2017 at 9:34 pm

Hi!

I would like to hide de menu on desktop and mobile and as well, how to hide it only on mobile and see it on desktop, how I can do it?

Both cases please šŸ˜€

Thanks!

  • This topic was modified 9 years by harmario.
Post count: 23312
Catalin
#186769
Aug 3, 2017 at 8:58 am

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!

Post count: 49
harmario
#186803
Aug 3, 2017 at 10:33 am

Thanks a lot! It works so cool!

Post count: 49
harmario
#186806
Aug 3, 2017 at 10:39 am

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.
Post count: 23312
Catalin
#186858
Aug 3, 2017 at 2:39 pm

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!

Post count: 49
harmario
#186894
Aug 3, 2017 at 5:00 pm

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

  • This reply was modified 9 years by harmario.
  • This reply was modified 9 years by harmario.
Post count: 23312
Catalin
#186975
Aug 4, 2017 at 8:49 am

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.

Post count: 49
harmario
#187017
Aug 4, 2017 at 11:17 am

Catalin!

The last code works incredible!

Thats what I looking for!

So amazing! Thanks for all the support you give everyday!

Have a nice day šŸ˜€

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newsmag’ is closed to new topics and replies.