mobile menu drop down

Site URL: http://groundedbehavioralhealth.com

Hi - I'm hoping to find out how I can cause the mobile menu hamburger to show a drop down when you hover over it. In the desktop view, you hover over the menu link and it shows a drop down. In the mobile view, you click on the hamburger and it takes you to a separate page with just a 'menu' link, which then takes you to the menu. How can I remove this extra unnecessary step?

Hi there! This might not be the answer you are looking for, but it sounds like you need to make the dropdown menu a single level menu, so that they are not hidden behind a dropdown. There are tons of UX studies out there that show hiding crucial information behind interactive elements can actually hurt discoverability (the ease of which people can find information) on your site if done incorrectly.

Affectively, you've made it harder for site visitors to navigate your site both on desktop, and mobile by hiding the menu options behind a "Menu" dropdown item, when it doesn't look like your navigation has a need for dropdown menus.

However, If you still want to keep the options in a menu dropdown, I'm sure some Squarespace expert on here has figured out some code to do so.

I really hope this helps! Remember, you only have a few seconds to make an impression on your visitors, so try not to make it hard for them to find information 🙂

Thanks so much for your response. I think I understand - do you suggest not having a menu with drop down at all? Versus maybe having the links available in a header?

I do have navigation options on the home site to some aspects that are included in the menu, but not all.

I appreciate your help, this is all new to me!

That makes a lot of sense - thank you so much for the detailed feedback!

2 hours ago, groundedbehavioralhealth said:

That makes a lot of sense - thank you so much for the detailed feedback!

No problem - glad you found the info helpful!