Customize mobile menu

Hello,
On mobile menu, I need to hide/remove the Menu tab, and only keep the Categories tab, plus the search field above. How can I proceed ? I guess there is some code to change somewhere ?
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

1. Assign your Product category menu as the mobile menu.

2. Disable showing categories in the Mobile menu element in the Header builder. In this case, you will have one tab only and it will be the Product category menu. If you want to rename Meny > Categories use the free Loco plugin.

Here is a video tutorial that should help you Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

Best Regards

Great tip for Loco extension !
I just don’t find where I can remove wishlist ad account that appear in the mobile menu (they are not in the menus appearance>menus)

Thanks

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body  .site-mobile-menu .menu-item-wishlist{
display:none;
}
body .site-mobile-menu .menu-item-compare{
display:none;
}
body  .site-mobile-menu .login-side-opener{
display:none;
}

Best Regards

Hello,
Whishlist has disappeared with this script, but not account.

Thanks

Hello,

I have provided the code for items not related to the Product category menu. You can remove the code and leave only this:

body  .site-mobile-menu .my-account-with-text {
display:none;
}

Best Regards

Perfect.
I just used the following code, now wishlist and account have both disappeared :

body .site-mobile-menu .menu-item-wishlist{
display:none;
}
body .site-mobile-menu .my-account-with-text {
display:none;
}

Best regards

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts