missing sub menus in the header on mobile but not desktop

Shopify Discussion
1

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

2

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.

3

Hi Anshul, can you help me with a similar submenu issue on Vision theme ?