Code needed to create multi columns in nav menu.

Store Design
1

Hello, I need to make my website’s clickable ‘brand’ section into three columns. Currently, there are too many items, and the menu is complex to navigate on some browsers. I am happy to add code. Below is a screenshot of the menu I am referring to.

Screenshot 2024-09-24 at 4.03.06 pm.png
Screenshot 2024-09-24 at 4.03.06 pm.png1180×785 220 KB

Thank you.

2

Hey @MattBailey

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1727160356711.png
Moeed_0-1727160356711.png1879×788 257 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hello :waving_hand:

The below solutions will indeed help with the overwhelming amount of items in your mega menu. I was on your site just thinking that some collection images in your mega menu might be able to let your customers quickly identify your products. Something like Pinnacle or Horizon from Meteor Mega Menu would work well. Just throwing that out there.
Cheers :blush:

4

Thank you, that was exactly what I needed.

1 Like
5

Thanks, I hadn’t thought of that. I’ll be sure to have a look. Cheers

6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.