Liquid, JavaScript, themes, sales channels
HI Guys.
My site has 12 collections.
Using the Venture theme, the collection links will be in the header.
If I add more than 7 collections, a Drawer Menu is created and all the collections go into this.
This is a bit difficult for navigation.
I would like to have ALL 12 collections in 3 rows, IN THE HEADER.
1 Home button.
2 rows of Collections.
Where the Menu button is.
I do not need the Drawer menu.
Also, is it possible to have the Home and collection links on the Collection and Product pages too.
Help me to rearrange this. Thanks, in advance. bluerose-collections.com
Solved! Go to the solution
This is an accepted solution.
Hi.
Thanks for your help.
I followed all 4 steps and it worked
however, there is an error.
The ACCOUNTS Button is behind the Collection buttons.
Pls help to re-align the buttons so that the ACCOUNTS button is ABOVE the Collection buttons.
Thanks.
- Header: Go to assets > theme.js, find "sizeNav()" and remove code: https://i.imgur.com/Omcls12.png
And go to file theme.scss.liquid and paste this at the bottom of the file:
.site-nav {
white-space: normal !important;
}
- Add Section: Go to file templates/product.liquid and add code {% section 'featured-collections' %}. https://i.imgur.com/qmTD0JU.png
Go to file templates/collection.liquid and add code {% section 'featured-collections' %}. https://i.imgur.com/QbpeDmf.png
This is an accepted solution.
Hi.
Thanks for your help.
I followed all 4 steps and it worked
however, there is an error.
The ACCOUNTS Button is behind the Collection buttons.
Pls help to re-align the buttons so that the ACCOUNTS button is ABOVE the Collection buttons.
Thanks.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024