Adding second line to Main Menu in Supply theme, instead of showing "More"

Store Design
1

I am using the Supply theme and want to show all my collections in the main menu, but I have more collections than will fit on one line. As a result, the first few collections are shown, with “More” at the end for the rest of the collections. Does anyone know a solution to this?

I have searched the forum but did not see any solutions offered in the past.

Thanks

1 Like
2

@DiziDazi

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

3

@DiziDazi Can you please send me your store url?

4

The store website is dizidazi.com. Thx

5

@DiziDazi
You have made some changes in code and css.
It would take 2-3 Hours,
If your are interested then I can do this for you.
Please let me know.
Thanks

6

I think I stumbled on a solution while fiddling about with the code in the Asset “theme.js.liquid” in the Supply theme. I commented out this line: “sections.register(‘header-section’, theme.HeaderSection);”. This was under this line of code: “$(document).ready(function() {”. So far my store hasn’t blown up, and I now have a multi-line main menu.

Honestly, I have no idea how to read this code or program it. This was just pure dumb luck.