Mobile navigation not showing all the items in drop-down - Fashionopolism 8.0.1

I am currently working with the Fashionopolism Theme version 8.0.1 and have an issue with the mobile navigation as mentioned in the title.. The catalog size of this website is pretty big. On desktop I have no issues, everything is showing up, however when it comes to the mobile navigation my first drop-down contains 50-ish links to collections, but is only showing 27 links. Same thing for the second drop-down it seems to also stop at 27 links..

here is the link to the theme preview:
https://y5k2so9wgt2furn1-24858256.shopifypreview.com

Is there a way to have the mobile menu show all the elements of the menu? If so, any help would be appreciated, Thank you!

Hi @Ming_3

This is obvious when we have more sub-menus in drop-down menu.

I checked your website in mobile version and found a solution added below.

You just need to put below code in main css file which is stylesheet.css at the bottom.

@media screen and (max-width: 768px){
.c-accordion.c-accordion--mobile-nav .c-accordion__panel.is-active {
	overflow-y: scroll;
}
}
1 Like

Thank you very much! It worked like a charm :grin:

1 Like