How can I modify the mobile mega menu in Turbo theme?

Hi!
i need to disable mega menu for turbo theme only on mobile display. Is it possible?

Thanks!

Hi @KetanKumar ,

I tried to copy this code into my store but when I do it removes the entire menu dropdown list of navigation links. Do you have any recommendations on how to fix this code so that just the image hides on mobile?

Menu on Desktop (showing image and links)

Menu on mobile after code (“cat” and “small animal” expanded with no links)

Hi I have the reformation theme, is there a way to have my mobile menu simple skip pic number #2 and go straight to pic #3. Essentially, our customers are getting confused that they have to hit all products to get to our full list of products

@johnwamu
Sorry you are facing this issue,
It would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you with a solution here.

URL: mernini.com

@johnwamu thanks for sharing url

can you please 1st check your theme allow to separate mobile menu upload option that would great future if this allow otherwise it can be done some customization and modify code

I have checked and couldn’t find it, the theme is reformation. Any guess
where I should be able to find it?

Thanks!

@johnwamu oh sorry for that issue if doesn’t allow this option so it can be done some customization code let me know if you want this or add me staff account so i will review theme customization option allow or not as per Shopify T&C you will add me https://help.shopify.com/en/manual/your-account/staff-accounts

Custom code would work! An alternative option would be to have the drop
down menu under shop show up vertically on desktop instead of horizontal.
If I remove the sub heading “all products” the mega menu displays the menu
items horizontally. I can send a picture later to explain.

@johnwamu yes please add staff account so i will check code and update you what is the possibility for this solution or send details DM