Website Building » Shopify » How Many Nested Menus Can You Have in Shopify?

How Many Nested Menus Can You Have in Shopify?

Last updated on January 13, 2023 @ 1:11 pm

The Shopify platform is extremely flexible when it comes to creating menus for your store. You can have as many nested menus as you like, and you can style them however you want using the HTML < p >, < b >, and < u > tags.

Nested menus can be very helpful in organizing your store’s navigation, and they can also help to reduce the amount of clicks required to get to a specific page. In general, it is best to keep nested menus relatively shallow so that visitors can easily find their way around your site.

If you are looking to add more nested menus to your Shopify store, there are a few things to keep in mind. First, you will need to create a new menu item for each level of nesting. For example, if you want a nested menu with three levels, you will need to create four menu items: one for the top level, one for the second level, one for the third level, and one for the fourth (bottom) level.

Second, you will need to add the appropriate code to your theme’s CSS file in order to style your nested menus. The code will vary depending on how many levels of nesting you have and how you want your menus to look.

Finally, it is important to test your nested menus thoroughly before making them live on your site. This will ensure that they work correctly and that visitors can easily find their way around your store.

PRO TIP: If you are considering nesting menus in Shopify, be aware that there is a limit of 3 levels of nesting. Beyond that, your menus may become confusing and difficult for customers to navigate. Use nesting sparingly and only when absolutely necessary to keep your menus clean and user-friendly.
Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.