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 ?
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024