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;
For everyone that is pulling their hair out about this, I updated the code to make it work in IE. All I did was updated below. I commented out with // and changed initial to visible.
.site-nav--dropdown{
// overflow:initial;
overflow:visible;
}
Example shown here: https://discgolfshopping.com