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

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

kolourfly
Visitor
1 0 1

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.

Screenshot (208).pngScreenshot (209).png

 

Replies 3 (3)

BSSCommerce-B2B
Shopify Partner
565 114 137

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: 

BSSCommerceB2B_1-1719199626976.png

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 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
BSSCommerce-B2B
Shopify Partner
565 114 137

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

BSSCommerceB2B_2-1719199753189.png

 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

WizzCommerce_Co
Excursionist
57 9 13
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!!!
Check here Wizzcommerce App to optimize your store: SnapNoti FOMO Visitor Counter | SnapBundle Volume Discounts | Wizz Flash Sale & Price Edit | BOGO+ | Buy X Get Y Free Gift
Find more support, feel free to contact: support@wizzcommerce.io
If our suggestion is useful for your problem, please let us know by giving Like and Accept Solution !!!