Header Drawer for Venture Theme

Solved
SamGXO
Excursionist
24 3 2

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

0 Likes

- 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

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
SamGXO
Excursionist
24 3 2

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.


2021-08-02.png

0 Likes