I created a second menu to hide from desktop and show on mobile but with the "sticky header" it doesn't seem to work

Connor Erickson

• March 27, 2024 21:26

I have 2 different menus, one for desktop and tablet and one for the hamburger option in mobile.

I created 2, hid one from desktop, another from mobile and viola, it worked... at least for the top. 

When I scroll the sticky menu follows but when I click on the hamburger to open the menu... it's the desktop menu again. 

I've been finicking around with it for a while now and can't seem to get it to work, maybe a small bug? Maybe I'm doing something wrong? Would love help on this! Thank you very much!

1

• 

  Ariel H.

  • March 28, 2024 09:50

  Hi,

  Thank you for reaching out to us.

  Please try creating the mobile menu underneath the main menu. From there, you can hide it on desktop view and show it on mobile. On tablet and mobile devices, you can hide the main menu. By doing so, the sticky menu will still be visible. You just need to adjust the layout to work on tablet and mobile devices. I have prepared a short screencast to demonstrate this. You can view it by clicking on the following link:
  https://youtu.be/Hq5Ng1cSDm4

  I hope this helps.

  Best regards,
  Ariel H.

  1
• 

  Connor Erickson

  • April 23, 2024 16:23

  Thank you very much Ariel. I had multiple menus created and realized I had been selecting the wrong one after watching your walkthrough. I really appreciate it, thanks!

   

  0

Please sign in to leave a comment.