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 paull.newton+shopifyforum@gmail.com 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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025