Mobile Navigation Menu - Automatically Open First Sub-Menu

Mobile Navigation Menu - Automatically Open First Sub-Menu

AshBolton1
Visitor
2 0 0

Hello!

 

We are using theme vision 3.1.0. I was hoping to edit our website so on mobile view, the sub-menu drop down is visible. Currently its only our desktop view that will show our drop down sub-menu from our header menu, not the mobile view. Currently our mobile menu is this, so no drop down menu:

 

image_67192321 (1).JPG

 

And we want it to look like this:

 

image_67217153 (1).JPG

 

Was wondering is there is a special code we need to add?

our website is wear our support on the mother of all journeys – continuall (continuallwear.com.au)

 

Any help woukd be greatly appreciated. Thank you so much in advance.

Replies 5 (5)

DelightCart
Shopify Partner
1242 82 157

@AshBolton1 For most of the website, the mobile menu opens as a side menu rather than displaying like it does on the desktop. Do you still want the menu and drop-down menu to look like the desktop version? I can implement both options, but it will require additional code and CSS adjustments.

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
AshBolton1
Visitor
2 0 0

Hello! Yes I would like the menu to look and function like the desktop. Thanks so much!

Rahul_dhiman
Shopify Partner
248 45 46

Hello
You want to create a dropdown submenu for your mobile view.
I can do this for you, but this will require custom coding and some efforts.
please PM me for further discussion.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here

Benjamen
Shopify Partner
72 6 9

Hello 👋

If you're open to a no code solution, you could use an app like Meteor Mega Menu which has mobile drawer templates built in (as well as support for images in your mobile and desktop menu). 

Benjamen_0-1719946609997.jpeg

Also, know that our Customer Success Team can help achieve a look you're after.

I hope this helps 😊

Benjamen @ Helium
- Customer Fields ✪✪✪✪✪ (300+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (200+ reviews)

Erin
Shopify Staff
1065 136 171

Hi, @AshBolton1. The way your menu appears will depend on the theme you're using. Are you able to clarify which theme it is and what you mean by sub-menu? I see you've mentioned the theme version, but not the name of the theme itself, and I also see your menu appearing in your mobile example. I just want to make sure I'm fully understanding so I give you helpful advice. On mobile devices menus typically appear as a 'hamburger menu', the three lines shown to the left of your header. This is quite standard for mobile online stores so your customers shouldn't have any issues navigating your store. However, if you want your menu to appear as it does on desktop and your theme doesn't offer this option you would need to edit this in your theme code or use a third party app

Erin | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog