Drop down menu in sense theme- mobile view

Store Design
1

IMG_7186.png
IMG_7186.png1290×2796 178 KB

Hi, I would like to be able to add sub categories to my drop down menu in mobile view. I am currently using the sense theme and for some reason cannot add any drop down.

for example i would like ‘spring sets’ and ‘new in!’ to be categories under a ‘products’ down

2

Hi!

To add sub-categories under a “Products” dropdown in the Sense theme, follow these steps:

  1. Go to Online Store > Navigation in your Shopify Admin.
  2. Create a new menu item (e.g., “Products”) and add sub-categories like “Spring Sets” and “New In!”.
  3. Nest the sub-categories under the main menu item by dragging them slightly to the right.

For mobile, you might need some custom CSS to ensure the dropdown works properly. If you’d like further help with that, feel free to reach out!

Hope this helps!

3

Hi @sjosborne

The Sense theme doesn’t natively support multi-level dropdown menus in mobile view, which is why you’re running into this issue. You’ll need to modify your theme code to enable this functionality. Look for the mobile-navigation.liquid file in your theme sections folder and add code that allows for expandable submenus.

Alternatively, you could create a workaround by using a separate “Collections” page that lists all your product categories, then link to this from your main mobile menu. This gives your customers a way to browse your subcategories without requiring code changes.

If you’re not comfortable editing theme code, consider hiring a Shopify developer for a quick fix, or explore apps like “Mega Menu by Hextom” that can enhance your mobile navigation capabilities.

4

hi, how do i add these a sub categories rather than normal categories. This is what I see.

5

IMG_7188.png
IMG_7188.png1290×2796 246 KB

6

Hi, could you provide a code to work the drop down menu?