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

Solved
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)

Accepted Solutions
diego_ezfy
Shopify Partner
2300 413 542

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Replies 8 (8)
KetanKumar
Shopify Partner
24923 2498 9040

@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
Shopify Partner
24923 2498 9040

@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
24923 2498 9040

@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
diego_ezfy
Shopify Partner
2300 413 542

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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

lushahzgraphics
Tourist
5 0 3