How do I fix the submenu stacking issue in mobile view?

When I set up the collections menu, the dropdown menu works fine.

But in mobile view or when the desktop shrinks, the menu items do not stay stacked.

does anyone know ways to fix the submenu so the collections do not bleed into each other?

1 Like

@Secretrock_012

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi @Secretrock_012 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

https://inhouseeditions.com/

pw: Secretrock-1520

https://inhouseeditions.com/

pw: Secretrock-1520

1 Like

Hi @Secretrock_012 ,

Go to Assets > theme.css and paste this at the bottom of the file:

.navigation.navigation-mobile .navigation-menu li {
	display: list-item !important;
}

Hope it helps!

1 Like

Hi, @Secretrock_012 !

Thank you for sharing your question with our network.

I am very pleased to see all the friendly and helpful faces assisting you in this thread. Just in case you still have questions or run into issues, I wanted to let you know what other options you have with support for customization requests.

It’s always a good idea to share your theme name and your site URL to get assistance quickly from our community members. If perhaps you’re unable to get the advice you need then you have a few other options going forward:

  • For third-party themes: consult with a Shopify Expert for assistance with making custom code changes. You will be asked to describe your request and be paired with a developer based on your specifications and fit.

  • For Shopify-developed themes: If you’re using a free theme from Shopify, then Shopify support might be able to help you with small changes to your theme. If you’re on the Basic Shopify plan or higher, then you can use up to 60 minutes of free design support, used in 15 minute increments.

    To learn more, review the Shopify Design Policy.

I trust that provides further insight, but do let us know if you have other questions we can assist with right here.

Warm regards,

@Secretrock_012

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.navigation li {width: 100%;}
1 Like

Thank you so much for your code advice, @KetanKumar !

Please let us know if either this suggestion or, @LitCommerce 's, works for you, @Secretrock_012 .

This way our future readers will be able to get the answer they need.

Warm regards,

1 Like