Nested Folders (Sub categories)

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

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?

Yes, this is what I need

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

@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
 

@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?"

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

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

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

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?

You can also use this solution