Shopify themes, liquid, logos, and UX
Hi there,
I'm Shahzad from SellEton Scales.
The dropdown menu is not working on mobile. It appears fine when we inspect the website.
But if we open our website on Mobile, nothing appears when we tap on the hamburger icon. Just [object Object] appears.
Your help will be highly appreciated.
Thank you!
Solved! Go to the solution
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:
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
sorry for any issue can you please share store url
@KetanKumar Thank you for the prompt reply!
Here is the url: https://selletonscales.com/
thanks for url
please check your original theme code i thing some unnecessary code at js file please revert
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!
yes you have just downloaded a new theme and check
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:
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024