How can I create a separate navigation menu for mobile and desktop?

How can I create a separate navigation menu for mobile and desktop?

Toptoys2uHS
Explorer
87 1 9

Hello All,

 

I would like to find out how to create a separate navigation menu for Mobile, or at least be able to alphabetise or re-structure the menu in Mobile to make it different to Desktop.

 

Currently, the navigation menu is alphabetised on Desktop, but this is done through the back-end as I could not find a way to alphabetise through code.

 

Please see the images here for references. Alphabetical Desktop Menu.pngNon-Alphabetical Mobile Menu.pngNavigation Menu Backend.png

Would anyone be able to give some information on how to create different menus for Mobile and Desktop? 

 

The site link is here: https://toptoys2u.co.uk/

 

Many thanks to any help!

Replies 3 (3)

David_SHT
Globetrotter
605 125 127

Hi @Toptoys2uHS 

This is David at SalesHunterThemes.
In this case, to make different image on mobile, it require to add a lot of code.
So if you don't know the code, I think you should contact with theme supporter or you need to hire an expert, they can support for you add the menu as you want.

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

niraj_patel
Shopify Partner
2391 516 513

hello @Toptoys2uHS 
it is possible via adding some liquid code + create different navigation for mobile and desktop.
i am available to help you on same.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
temeika
Shopify Partner
11 0 8

I need some help with this issue - I have my two menus set up in Shopify, I just need the mobile menu needs to be coded in. Could you please assist me with this?