Customize mobile menu

This topic has 7 replies, 2 voices, and was last updated 5 years, 5 months ago by Elise Noromit.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
June 4, 2020 at 8:01 am #200535

invocam
Participant

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.

June 4, 2020 at 11:27 am #200619

Elise Noromit
Member

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

June 4, 2020 at 12:59 pm #200673

invocam
Participant

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

June 4, 2020 at 2:26 pm #200743
Elise Noromit
Member
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
June 4, 2020 at 3:04 pm #200762

invocam
Participant

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

Thanks

June 4, 2020 at 3:46 pm #200771
Elise Noromit
Member
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
June 4, 2020 at 3:52 pm #200773

invocam
Participant

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

June 4, 2020 at 4:21 pm #200777

Elise Noromit
Member

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

Best Regards
Author

Posts