Nested / Sub Dropdown Menu for (Almost) Any Shopify theme Based off of Timber
- Replace site-nav.liquid with the snippet below.
- Add the styles below to timber.scss.liquid.
- Go make popcorn.
- Check your homepage to see if this has worked.
- It didn't work.
- Eat the popcorn and try to figure out what went wrong.
If this modification breaks your theme, chances are the issues lies with these two lines: border: 1px solid $colorBorder; background-color: $colorBody;
Replace these sass variables with hex colours. i.e. border: 1px solid #ccc; background-color: #fff;
Thanks for the example, this has really helped me move forward, the timber.css.liquid was clearly my issue. I had to play with the width and right setting to get the sub dropdown to show up. This is my first liquid attempt so I am learning and this has helped in a huge way. Again, many thanks.