Mobile Submenu is not showing any content even though i have listed many links in submenu.

[kolourfly]

I have a Menu named Material in the header navigations and inside the Materials menu i have a submenu called Silicon Moulds. Everything is working fine on desktop or laptop screen but in mobile whenever we try to open materials section it opens but does not shows any content only heading "material" is visible. Although i tried many things through direct code but it didn't work. Please help me out with this problem, i will be thankful forever.

Website:  kolourfly.com

I am attaching a screenshot of mobile view as well as desktop view for referal. One can also visit on website and have a glimpse through Desktop as well as mobile.

[BSSCommerce-B2B]

Hi @kolourfly ,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

details[open] {
    position: unset !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 

[BSSCommerce-B2B]

Or open file component-list-menu.css and delete line 32 -> 38

[WizzCommerce_Co]

Hi @kolourfly , thank you for posting here!

You can follow my instruction below:

1. Go to Online Store->Theme->Edit code

2. Asset->/base.css->paste below code at the bottom of the file:

.js .menu-drawer__navigation .submenu-open {
visibility: visible !important;
}
.js .menu-drawer__submenu {
position: static !important;
visibility: visible !important;
transform: translate(0) !important;
}
body .menu-drawer__close-button {
display: none;
}

 If my answers works for your website, please mark it as a SOLUTION. Let me know if you have any further questions!!!