I have a new client that reached out to me to see if I can resolve this issue on their site, but it’s a brain scratcher. I didn’t build this site and don’t have tons of experience with Elementor, so without making promises I said I’d see what I could do.
The site was built using Elementor Pro w/ Elementor Hello Theme.
**Client URL**
[https://www.bgslawllc.com])**The Issue**
The menu has drop downs that work when I’m logged in and editing as admin, but once I view as a guest or incognito, the dropdowns only seem to work once I refresh the page after the first load.
Problem is intermittent. Sometimes it does happen to work when I first load the page, but rarely.
At first, I figured it must be a caching or optimization plugin issue, but even with caching turned off and zero optimizations on a separate server, the issue still occurs.
**Things I’ve Tried So Far**
Plugins and Themes are up to date per auto updates through her GoDaddy Managed WordPress hosting.
Disabled GoDaddy CDN
Disabled GoDaddy Firewall Performance Cache (It appears some caching is required for some files regardless of caching level.)
Changed Elementor CSS Print Method from External to Internal Embed
Deactivated Improved Asset Loading
Deactivated Improved CSS Loading
Updated PHP to Version 8.0
Cloned the site to a staging site on a completely separate server without all the GoDaddy add-ons and built in optimizations: ([https://dev.515hosting.com/bgslaw])
On the staging site, I disabled all plugins except Elementor & Elementor Pro. This staging version has zero caching, zero optimizations, and no CDN. I also deleted all the mu-plugins.
I even completely changed the theme from Hello Elementor to Twenty Twenty Three without any plugins enabled except Elementor, but problem still existed.
​
The site does have an Active Elementor Pro License, but everything is registered under a non-responsive original designer. Worst case scenario, I may look into getting their Pro Support, but figured I’d start here.
[ad_2]
Have you checked your dev tools? I’m getting JS errors on both normal and incognito windows:
These seem to be coming from some sort of lawyer.com tracking pixel.
I’ve never used Elementor but from looking at the code it looks like it uses JS to power it’s dropdown menus instead of basic CSS :hover rules. The JS errors in the seal.js could prevent your dropdowns from initializing.
The reason it works after refresh is (probably) the elementor JS is cached in your browser and is able to initialize before the seal.js errors prevent it
edit: that seal.js is some bootleg mf’n fireworks