Solved

Dropdown Menu is not working on Mobile but appears fine when Inspect.

lushahzgraphics
Tourist
5 0 3

Hi there,

 

I'm Shahzad from SellEton Scales.

 

The dropdown menu is not working on mobile. It appears fine when we inspect the website.Inspect.png

 

 

 

But if we open our website on Mobile, nothing appears when we tap on the hamburger icon. Just [object Object] appears.

20211117_221848.jpg

 

Your help will be highly appreciated.

 

Thank you!

Accepted Solution (1)
diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@lushahzgraphics, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.mobile-nav li{
    display: block !important;
}


There is still some improper code being rendered in your navbar that is yielding "[object]", you'll need to manually remove that:

diego_ezfy_0-1637409728153.png



I can't tell where that is coming from, only by looking at the theme's code. If you recall what custom code was added to your header (if any), I suggest removing it. If you did not add anything in there, contact the theme developers since that is likely a bug.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
36839 3635 11972

@lushahzgraphics 

sorry for any issue can you please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lushahzgraphics
Tourist
5 0 3

@KetanKumar Thank you for the prompt reply!
Here is the url: https://selletonscales.com/

KetanKumar
Shopify Partner
36839 3635 11972

@lushahzgraphics 

thanks for url 

please check your original theme code i thing some unnecessary code at js file please revert 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lushahzgraphics
Tourist
5 0 3

Hi @KetanKumar 

 

Thank you for replying!

 

As I'm not an expert in it, can you please guide me in detail?
I made some changes to Buddha Mega Menu app and after that, we are having this problem. Although I changed back the theme code and backed it up with the Rewind Backups app but no success.

We appreciate your help.

 

Thank you!

KetanKumar
Shopify Partner
36839 3635 11972

@lushahzgraphics 

yes you have just downloaded a new theme and check

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
lushahzgraphics
Tourist
5 0 3

Thank you @KetanKumar for the help

diego_ezfy
Shopify Partner
2935 562 883

This is an accepted solution.

@lushahzgraphics, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

.mobile-nav li{
    display: block !important;
}


There is still some improper code being rendered in your navbar that is yielding "[object]", you'll need to manually remove that:

diego_ezfy_0-1637409728153.png



I can't tell where that is coming from, only by looking at the theme's code. If you recall what custom code was added to your header (if any), I suggest removing it. If you did not add anything in there, contact the theme developers since that is likely a bug.

Kind regards,
Diego

◦ Follow my blog & youtube for coding tutorials. Most questions in here are already answered there!
◦ Top #4 Shopify Expert, 24h reply. Click here to hire me.
Download copy/paste code snippets that can replace most apps.

lushahzgraphics
Tourist
5 0 3

Thank you @diego_ezfy 

 

It worked for me