Nested Dropdown Menu Depth - Empire Theme

Store Design
1

It seems shopify sets a maximum depth of nested menus to 3. Is it possible to add an additional level beyond this? We are using the Empire theme and attempting to create a mega menu with sidebar since our number of broad categories exceed the 5 mega menus permitted on the navigation header. There seem to be 3rd party mega menu apps however is it possible to have more than 5 mega menu items without the use of one of these apps?

Goal: Catalog->Product Category 1 → Subcategory 1 → Subcategory 2

Please note that our website is not yet launched therefore we cannot share the URL for support.

Thank you.

1 Like
2

@Hydrodionne

https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus

3

Hi @Hydrodionne ,

You can create a mega menu following this tutorial https://support.pixelunion.net/hc/en-us/articles/360025979773-How-do-I-set-up-mega-menu-with-Empire-

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

4

Hi @LitExtension & @KetanKumar ,

Thank you for your responses. However this does not solve my issue. I already know how to add mega menus. The problem is there seems to be a limit of 5 mega menus only. I have at least 7 menu items that require a mega menu. If you know a way to bypass/ increase the limit of mega menus I can add to the header then please let me know.

PS I attempted to mix 5 “Mega Menu” with 2 “multi-column single menus” however when I do this the spacing and font of the menus are completely different and not presentable.

Kind Regards

1 Like
5

@Hydrodionne

oh i see can you please provide store url so i will check and reivew

6

Hi

https://hydrodionne.myshopify.com/

1 Like
7

@Hydrodionne

thanks for url give me your rough idea on image so i will guide

8

Hi @KetanKumar ,

As you can see in the attached screenshots, I have 7 menu items that require mega menus. However on the lefthand side you can see that shopify only allows me to include 5 max. The error message attached is displayed if I try to add a 6th megamenu. Is there any way to bypass this limit? Thank you.

mega menu snippet.PNG
mega menu snippet.PNG1743×563 64.7 KB

Error Message.PNG
Error Message.PNG633×114 4.41 KB

1 Like
9

@Hydrodionne

great thanks for exampling

can you please sent your header code so in will check and let you know all possibility

10

Hi @Hydrodionne ,

I’ve got the same issue you’re talking about - except i want side menues not the mega.

I can see by your link that you now actually have 8 mega menues, can you explain how you did that? this threat just ends with no result.

I hope you can help,

Alexander

11

Nevermind - found the solution

12

thanks for update

13

Can you share your solution?

14

Hi, could you share the solution to find to add more mega menus as it is limited to 5?

15

I have also run into this issue and am searching for a solution. Can you share yours?

16

@JaredNA @gasket1988 @shopthrill , if you haven’t solved it yet, and to anybody else who eventually looks this up:

My solution:

  1. Go to your theme’s ‘Edit Code’ page and look for the ‘Section’ called “static-header.liquid”.
  2. Once you have this file, your going to want to look for the ‘blocks’ part of this sections {% schema %}. To easily find the part, you can try to (ctrl/cmd + f) the next part:
  3. Find
"type": "meganav_images",
"name": "Mega menu",​
"limit": 5,
  • You’ll want to change the limit to a higher number. I, for example, put mine to 15 which I doubt we’ll ever get to.
  • There is also a block type below this for “Mega menu with sidebar” which you could do the same thing to.

Hope anybody looking for this is able to fix it with my answer!