How to make menu navigation a drop down on mobile

Hello squarespace community,

I've always disliked the way that squarespace shows it's menu options in the mobile view, but I've never been able to get the code right to fix it. Instead of showing the nested view after clicking a folder, I would like for the available pages to smoothly display underneath that folder as a drop down menu with the appropriate arrow directions too. 

This means hiding the 'back' link which I think have the right code for: 

.header-menu-controls-control[data-action="back"] {
    display: none;
  }

I've attached a rough example of what I would like for the menu to do.

HUGE thanks if you can also help with the CSS for the arrows to display on folders in the desktop view too!! 

1 hour ago, mims said:

Hello squarespace community,

I've always disliked the way that squarespace shows it's menu options in the mobile view, but I've never been able to get the code right to fix it. Instead of showing the nested view after clicking a folder, I would like for the available pages to smoothly display underneath that folder as a drop down menu with the appropriate arrow directions too. 

This means hiding the 'back' link which I think have the right code for: 

.header-menu-controls-control[data-action="back"] {
    display: none;
  }

 

I've attached a rough example of what I would like for the menu to do.

HUGE thanks if you can also help with the CSS for the arrows to display on folders in the desktop view too!! 

I've PM you

Did you figure out how to fix this? I'm shocked that Squarespace changed the mobile menu display to not having dropdown/accordion menus. Even on their OWN website mobile menu, they use the dropdowns rather than displaying a whole new screen for submenu items. 

On 3/4/2022 at 11:34 PM, TinaLinkDesign said:

Did you figure out how to fix this? I'm shocked that Squarespace changed the mobile menu display to not having dropdown/accordion menus. Even on their OWN website mobile menu, they use the dropdowns rather than displaying a whole new screen for submenu items. 

What is your site url? We can help easier

On 1/28/2022 at 1:10 AM, bangank36 said:

I've PM you

Hello @bangank36, could You, please, PM me too this solution for mobile dropdown? 🙂

Thanks & regards,

Gerda

I'd love to know how to do this as well.

I saw a plugin with this feature.

If you share link to your site, we can check easier

Hi, is anyone able to help me with this? I also would like to have this done for the desktop view. A pm would help work with me

On 4/28/2022 at 4:52 AM, METFinePrinters said:

Hi, is anyone able to help me with this? I also would like to have this done for the desktop view. A pm would help work with me

 

What is your site url? We can check easier

I would like to be able to do the same, the site is 

https://capybera-beige-b8fr.squarespace.com/

p/w: NCSdataman

Many thanks in advance 🙂

On 6/20/2022 at 12:39 PM, sandracheesman said:

I would like to be able to do the same, the site is 

https://capybera-beige-b8fr.squarespace.com/

p/w: NCSdataman

Many thanks in advance 🙂

 

Here's a plugin from @ChrisSE :

https://schwartz-edmisten.com/shop/modern-mobile-menu-dropdown-for-squarespace

I would like to achieve this too, but without the plugin. Can someone help?

Hello, 

https://lifecycles-lca.squarespace.com/

PW: lifecycles123

I have forced the mobile menu on desktop and would like dropdown folders as in the first image: 

I have reached out to Chris Schwartz-Edmisten to see if the plugin is compatible. But any help in the meantime would be appreciated. 

I'm struggling to align the + icon at the right of the nav - can anyone help with that? 

Many thanks!