Custom Shop Navigation

Site URL: https://www.rainbowbridge.love/

Hi 

I am hoping to have a custom navigation for my shop. Right now I have it set up as one folder and many links to different categories, what I would like it to look like is 4-5 main categories and then each of those drops down to a subcategory. Or even the main category is bold and the subcategory is smaller. 

Is there a way to make the drop down text smaller than the main nav and make subcategory folders smaller than the category names? 

What I want is 

Shop

-Rapeh

• All Rapeh Blends
• Rapeh Kits
• Kuripes 

-Beadwork

• Bracelets
• Necklaces
• Other

-Textiles

• Bags
• Headbands
• Altar Cloths

-Oils

I either want this as a multi drop down function or the categories is a smaller bold text and the subcategories in an even smaller text. 

Anyway to make this happen?

23 hours ago, IndigoBolt11 said:

Site URL: https://www.rainbowbridge.love/

Hi 

I am hoping to have a custom navigation for my shop. Right now I have it set up as one folder and many links to different categories, what I would like it to look like is 4-5 main categories and then each of those drops down to a subcategory. Or even the main category is bold and the subcategory is smaller. 

Is there a way to make the drop down text smaller than the main nav and make subcategory folders smaller than the category names? 

 

What I want is 

 

Shop

-Rapeh

• All Rapeh Blends
• Rapeh Kits
• Kuripes 

-Beadwork

• Bracelets
• Necklaces
• Other

-Textiles

• Bags
• Headbands
• Altar Cloths

-Oils

 

I either want this as a multi drop down function or the categories is a smaller bold text and the subcategories in an even smaller text. 

 

Anyway to make this happen?

@tuanphan any ideas?

Add to Home > Design > Custom CSS

a[href="/Store"] + div>div:nth-child(3), a[href="/Store"] + div>div:nth-child(4), a[href="/Store"] + div>div:nth-child(5) {
    font-size: 15px;
    margin-left: 10px;
}

Do similar for other items.

• All products: nth-child(1)
• Rapeh: nth-child(2)
• Kuripes: nth-child(3)
• Beadwork: nth-child(4)
• Bags: nth-child(5)
• Altar cloths: nth-child(6)
• ...