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;
Hi Kyle,
I tried it for my react theme but it is not worked. Sup dropdowns are looking one under the other. Also, my theme did not have timber.scss.liquid and created one and copied all the codes. I do not know what is wrong? It is because of theme or missing codes I guess. Can you help about it?