How can I display all collection links in the header with Venture theme?

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

  • 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

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.