Jump to content

Nested Folders (Sub categories)

Recommended Posts

On 8/6/2021 at 5:06 AM, NMCChicago said:

Site URL: https://www.bridgingchicago.com

Hello:

 

I was wondering if there was a way to make a nested folder dropdown (where the drop down has two categories? Any help is appreciated.

Thanks,

Nathan

You mean for Header Navigation?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 8/10/2021 at 3:45 AM, NMCChicago said:

Yes, this is what I need

 

2 options to do this

1. Use Mega Menu plugin by @WillMyers

2. You can add all items to Dropdown, Then we'll use code to push the items to the right a bit. As such, they will look like child items. Something like this

image.thumb.png.ada93c23a5b95aa43f7cb4f32ebfe1cd.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 years later...

@tuanphan I'm wondering if you've been able to have the nested catagories for mobile. I just bought the plugin from Will, it's perfect, but i need the sub-menus on mobile too, the plugin only allows for the regular Main and Sub menus.

So eg. heirachy as follows

Our Treatments
Facials

- Hydrodermabrasion
IPL SKIN REJUVINATION


Massage

- Relaxation
- Remedial


Hair Removal

- Waxing
- IPL

 

Link to comment

@tuanphan, what is the code for Option 2 (I don't see it listed in this thread)? I would like to add [what looks like] a nested menu by using the option 2. Can you please provide the code needed to "push the items to the right a bit. As such, they will look like child items?"

Link to comment
15 hours ago, jblpropel said:

@tuanphan, what is the code for Option 2 (I don't see it listed in this thread)? I would like to add [what looks like] a nested menu by using the option 2. Can you please provide the code needed to "push the items to the right a bit. As such, they will look like child items?"

Suppose you have a dropdown like this

image.thumb.png.15de7cb6db3371c1d088f856afe75e43.png

You can use this code to Website > Website Tools > Custom CSS

div.header-nav-item:nth-child(4) div.header-nav-folder-content>div:not(:nth-child(1)):not(:nth-child(5)) {
    position: relative;
    left: 15px;
}

Result

image.png.b54cfd97600dacfc0a124a078ef2e501.png

If you can't do this, you can share your site url, I can give you code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
21 hours ago, kellicox90 said:

@tuanphan I'm wondering if you've been able to have the nested catagories for mobile. I just bought the plugin from Will, it's perfect, but i need the sub-menus on mobile too, the plugin only allows for the regular Main and Sub menus.

So eg. heirachy as follows

Our Treatments
Facials

- Hydrodermabrasion
IPL SKIN REJUVINATION


Massage

- Relaxation
- Remedial


Hair Removal

- Waxing
- IPL

 

Can you share site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.