Debut Theme Change Navigation Menu

New Member
2 0 0

I would like to allow a "tree" type menu in Shopify Debut theme. Can anyone tell me what css I need to edit to make this happen?

Here is what I currently have:
Current Menu.png


^^^ Debut changes it to make the main categories bolded and then automatically lists the subcategories below.



What I want is this:
Desired Menu.png

In this example, the subcategories only show once the main category is hovered over.

Please help.


Thanks in advance!


Please share your store URL & Screenshot, So I will give you proper solution here !

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
New Member
2 0 0


My Url: is

Password: 1234


Screenshot of current website menu:

Included Debut Menu SetupIncluded Debut Menu Setup








Screenshot of what I would like:

Desired Menu.png














Menu Layout I want:


          Shop All

          Best Sellers

          New Arrivals

          Water Bottle Holders

         Hand Sanitizer Holders

         Phone Holders


                   Gift Cards

                   Gifts Under $20

                   Gifts Under $10

         Shop Sale

         Shop Clearance




More Info


                   August 2020

                   September 2020

                   October 2020

                   November 2020

         About Us

         Contact Us



         Shipping & Returns




Thanks in advance!