CSS classes not adding/generating

Support
#1

Hi there,

Had an odd one that I can’t figure out.

It’s on https://jafqkkce24-staging.wpdns.site/
I’ve built a megamenu which has a component (with paramaters and a slot for the top nav items) and then a component inside that slot (which is a row/div).

It mostly works fine (I’ve done the same setup on https://alderney-elec.com/ ) but for some reason it occasionally loses the generated classes. You can see it’s fine in the builder but not on the front end:

Screenshot 2026-07-21 at 09.39.08
Screenshot 2026-07-21 at 09.39.081370×529 450 KB
Screenshot 2026-07-21 at 09.36.11
Screenshot 2026-07-21 at 09.36.111363×427 471 KB
Screenshot 2026-07-21 at 09.36.32

Oddly, this has happened in every row at different times. No matter what I tried, moving the columns, changing what’s inside them, there’s no open loopers, consumers, or anything like that. Initially, I thought it might have been the row wasn’t set to 100%, but I did that, thought it fixed it, and it didn’t, so it seems to happen okay for a while. I’ve cleared all caches, done all the normal stuff.

Happy to provide login details if needed!

#2

Hello @RubberDuckers,

Thanks for writing to us.

It might be an issue of broken HTML or a custom code issue. I suggest you clone the header and delete the elements one by one to determine which one is causing the issue. I also suggest troubleshooting a few common issues using our common issue guidelines. If it doesn’t work for you, please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password
  • Exact page URL and layout URL

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks

#3

Thanks @prakash_s - I’d already done all that - tried everything I can think of. So I’ll add you guys to it

#4

Hello @RubberDuckers,

It seems that there may be a cache issue. I cleared all the cache, including the CDN cache, and it is working fine on my end at the moment. Please clear your browser cache and check it again.

Thanks

#5

Hey Prakash, I have done that multiple times - tried in incognito, other browsers etc and both myself and the client have been able to replicate.

Did you not do anything else? Feel free to change some things (as the client has been) and see if you can recreate as its been going on weeks now.

#6

Hello @RubberDuckers,

I purged the CDN cache from your WordPress dashboard, and it is working fine on my end at the moment. I have tested in Google Chrome browser version 150.0.7871.129. Please check the given screen recording. Please let us know the browser and its version so we can check it on our end.

Thanks

#7

Hey @prakash_s - yeah I’d done that. Did you move anything around though?
I just moved things around, cleared the cache (which then showed me the things had moved) but it’s now broken. Take a look.
I’ve cleared a few times, tried different browsers, hard refreshed, etc.

#8

Hello @RubberDuckers,

It seems that the map image position was moved to the beginning of the mega menu dropdown, which is not loading properly. I disabled all the mega menu items by selecting the eye icon in the element settings, and then re-enabled the elements one by one to check the broken HTML, but it is working fine now.

Hope it helps
Thanks

#9

Hey @prakash_s - Yes, I moved them so you can see what I mean.

If the client moves things around (as they will do as they change their menu etc) why is it breaking?

They shouldn’t have to disable/enable it each time for it to work - what’s the underlying issue?

Thanks