How can I create different menus for desktop and mobile?

Store Design
, , ,
1

Been trying to create a different menu for desktop and mobile - want to hide link from desktop menu but have it visible on mobile. Any suggestions on code?

2

@MLG0810 - use css

3

Hello @MLG0810 ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) and the link name that you want to hide on the desktop? Then I can see and suggest something for you.

Best regards,
GemPages Support Team

4

LINK HERE

i want to hide the HOME link on my desktop navigation. but i want to keep it in my mobile view.

thank you and appreciate the help.

5

Hello @MLG0810 ,

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1670681253665.png
GemPages_0-1670681253665.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

For example,

GemPages_1-1670681475224.png
GemPages_1-1670681475224.png1919×910 76.6 KB

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

6

so sorry but there is no in my theme.liquid file

not sure where to find this, it is not in this file. it is not in my header.liquid file as well.

any suggestions?

7

sorry i found it! thank you so much for the help!!!