WordPress Menu Clitch

Hi, 

The glitch you’re experiencing with the WordPress Menu block in Elementor might be caused by a mixed content issue.

Here’s what’s happening: Your website (https://www.daletravers.com/) is secured with HTTPS, which is great for security. However, the Elementor plugin is trying to load a stylesheet (widget-nav-menu.min.css) using the insecure HTTP protocol. Modern browsers block these mixed content requests to maintain security.

This can cause unexpected behavior with the menu block, including the oversized dropdown arrow you mentioned.

Here’s how to fix the mixed content issue:

1. Use the Elementor “Replace URL” Tool:

• Go to Elementor > Tools > Replace URL.
• Enter your old site address (with HTTP) in the first field.
• Enter your new, secure site address (with HTTPS) in the second field.
• Click Replace URL.

2. Regenerate Elementor Files:

• Go to Elementor > Settings > General.
• Click the Regenerate Files button.

3. Clear Your Website Cache: Some caching plugins might hold onto the old stylesheet reference. Clear your website cache to ensure it loads the updated version.

Here are some additional resources that might be helpful:

• How to fix mixed content in Elementor after moving to SSL: https://really-simple-ssl.com/how-to-fix-mixed-content-in-elementor-after-moving-to-ssl/
• WordPress Forum discussion on mixed content: https://www.wpbeginner.com/plugins/how-to-fix-the-mixed-content-error-in-wordpress-step-by-step/

Please let me know if you have any more questions. 

Kind Regards, 

Thanks very much Joel, Your a legend! All fixed.

Hi,

I’m thrilled I could resolve your issue.?

Have a pleasant and productive day!

Kind regards, 

Unfortunately looks like the issue is back, The menu is messed up again, any more suggestions?

I can’t seem to fix it, I can swap it out with mega menu but it doesn’t work the same on mobile or have the same options I want from the basic menu.