All things Shopify and commerce
I was testing some custom css for the mega menu and I must have done something to mess it up. I removed my custom css but the mega menu is still rendering incorrectly. When inspecting the code for the mega menu, everything looks correct including previous custom css. It's not rendering according to the css listed. It's weird. I can't figure out what happened. Can any fellow developers inspect the code and see if I am overlooking something?
Luckily, the store is not live.
Store - https://fc1fb8-5a.myshopify.com/ (password to view - oceanside)
Click on the "Parts" menu link to trigger the mega menu.
Thanks,
Terry
Hi @tmcmillan99 👋 it's probably a cache issue and your changes having sync'd yet. follow @Juniorsimon311 advice or try a different browser or private-browsing.
If your a developer seriously just add GIT to your workflow it's an annoying learning curve but it can specifically help with this.
Or use the shopify github integration https://shopify.dev/themes/tools/github
If you have no backups and a theme is broken try file rollback
Good Luck.
Contact [email protected] for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Thank you both for the suggestions. It doesn't appear to be a caching issue. I have cleared my cache numerous times, used different browsers, and computers. The issue remains. I don't work on Shopify sites very often so in hindsight, I should have implemented git. I am normally good at troubleshooting css issues but when inspecting the rendered code for the mega menu, the css listed in developer tools seems to be correct. That's the strange issue which is why I made this post. I don't see any overriding css that would cause it to render weird. The only other possibility is that javascript is being used for the mega menu and that's somehow not working correctly. However, I have not touched any javascript.
Also, I looked at file rollback but since I removed the css I had prevously added, there's nothing to roll back. The file is listed with no changes. I will continue troubleshooting and hopefully I can zero in on the cause of the issue. Again, thanks again for taking the time to reply.
Terry
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024