ceyler

I contacted elementor and they sent me to technical support. They sent me this:

I checked your website and I totally understand that when Elementor Pro is active the Nav Menu in mobile doesn’t work.

As you can see in the attached screenshot, the Hamburger Menu has a custom onClick function, that adds an extra class to the body tag.

Your theme uses the id=”blog” or as you can say the blog ID to target the body instead of targeting it directly.

As you may have known, Elementor Pro also has a Theme Builder Feature with which you can design the Header, Footer, and other templates for your website.

Elementor follows the latest coding standards and FYI, targeting the body with ID is much slower than targeting the body directly. Also, when you can target the body directly, there’s no sense in targeting it using an ID.

However, for now, I have added the following Custom Code to your website, which adds the ‘blog’ ID to the body again. I have added it under Elementor -> Custom Code.

<script>
(function($) {
‘use strict’;
$(‘body’).attr(‘id’, ‘blog’);
})(window.jQuery);
</script>

And now the Menu opens fine when the Elementor Pro is active.

Please note: we don’t provide any support for custom codes. This was an exception. The code above is just an example and you probably would want to change something of that. In such a case, we can’t provide you with any help.`

*****

I’m grateful they helped because I don’t know enough to even do that.

• This reply was modified 3 years ago by ceyler.

Thank you! How weird! I have the plug ins Elementor and Elementor Pro.

when I deactivate Elementor, the hamburger menu works on mobile, but takes the formatting off on a lot of my website.

I reactivated Elementor.

Then I deactivated Elementor Pro, the hamburger menu works on mobile, and it keeps all the formatting on my website.

Strange.

Thank you so much for your help. I guess I need to ask Elementor what the situation is.

I REALLY appreciate your help. Was trying to figure this out for days.