Have your say in Community Polls: What was/is your greatest motivation to start your own business?

missing sub menus in the header on mobile but not desktop

Solved

missing sub menus in the header on mobile but not desktop

tshark
Tourist
14 0 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

Accepted Solution (1)

Anshul_arora
Navigator
453 128 100

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.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 2 (2)

Anshul_arora
Navigator
453 128 100

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.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
IonutColdea
Visitor
1 0 0

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