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;
Hey, thanks for the snippet :) it works very well with my supply theme, but it is not working in the mobile view, I don't know I miss something, i cannot see second level menu in mobile. Can you please help me on it?