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.
1 Like
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
Or open file component-list-menu.css and delete line 32 → 38
Hi @kolourfly , thank you for posting here!
You can follow my instruction below:
- Go to Online Store->Theme->Edit code
- 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!!!
