Mega Menu Rendering issue

Mega Menu Rendering issue

tmcmillan99
New Member
9 0 0

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

Replies 2 (2)

PaulNewton
Shopify Partner
7129 632 1487

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

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code#roll-b...

 

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


tmcmillan99
New Member
9 0 0

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