Solved

Header Drawer for Venture Theme

SamGXO
Excursionist
38 3 5

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

Accepted Solution (1)
SamGXO
Excursionist
38 3 5

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

View solution in original post

Replies 2 (2)

LitExtension
Shopify Partner
4860 1001 1135

- 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 - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
SamGXO
Excursionist
38 3 5

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