All things Shopify and commerce
When using my header on desktop, the menu titled "full detail" has 2 submenus called "full detail and package". On mobile only one of the submenus shows up. The same thing is happening with the menu "our work", it has 3 submenus titles "gallery" "reviews" and "contact us" on desktop. On mobile, only "gallery" and "reviews" show up. I dont know if this is a glitch or mistake in the code but i cant fix it by deleteing the menus and creating them again, Please help.
website is www.sharkeysmobiledetailing.com
Solved! Go to the solution
This is an accepted solution.
Hello @tshark ,
I have reviewed your store https://sharkeysmobiledetailing.com to get a proper understanding of your problem.
As I understand you are facing an issue in the mobile version - the last sub-menus in the list are not visible in the menu category. https://prnt.sc/HQSLX5I2DH-z
The problem is due to the 'display : none' property applied on the last sub-menu item as when i disable this property, then all the sub menus are visible https://prnt.sc/ztL-tYI7ASgS
You can resolve this issue by just removing the class, so all the sub menus will be listed under each menu section.
You need to follow the below mentioned steps-:
1. Go to "online store" click on the 3 dots option and then click on "Edit code" --->https://prnt.sc/bMYhLWJhpAks
2. After entering the code, you will see the search box on the left sidebar, search for base.css and you will see the file under assets. -->https://prnt.sc/aH8gBMbOqBTW
3. Click on the file, press "ctrl+f or (cmd + f) for mac" you will see the search box below the file--->https://prnt.sc/lbZ5IeimNk5u
4. Look for the class you want to remove and then press "Save" on the top right corner.
I hope it helps
Please reach me if you need any more help.
This is an accepted solution.
Hello @tshark ,
I have reviewed your store https://sharkeysmobiledetailing.com to get a proper understanding of your problem.
As I understand you are facing an issue in the mobile version - the last sub-menus in the list are not visible in the menu category. https://prnt.sc/HQSLX5I2DH-z
The problem is due to the 'display : none' property applied on the last sub-menu item as when i disable this property, then all the sub menus are visible https://prnt.sc/ztL-tYI7ASgS
You can resolve this issue by just removing the class, so all the sub menus will be listed under each menu section.
You need to follow the below mentioned steps-:
1. Go to "online store" click on the 3 dots option and then click on "Edit code" --->https://prnt.sc/bMYhLWJhpAks
2. After entering the code, you will see the search box on the left sidebar, search for base.css and you will see the file under assets. -->https://prnt.sc/aH8gBMbOqBTW
3. Click on the file, press "ctrl+f or (cmd + f) for mac" you will see the search box below the file--->https://prnt.sc/lbZ5IeimNk5u
4. Look for the class you want to remove and then press "Save" on the top right corner.
I hope it helps
Please reach me if you need any more help.
Hi Anshul, can you help me with a similar submenu issue on Vision theme ?
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025