no menu on mobile view futurio

  • the menu shows up fine on desktop and iPad, but my mobile view switches to a hamburger menu that does not work. when you click on it, it turns into an “X”. I have no menu for my mobile view. i am using iMac and iPhone, futurio and elementor pro. thank you in advance for any help.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author FuturioWP

    (@futuriowp)

    Hello

    It is because on your site is removed id=”blog” from your body tag. Probably a third party plugin did it.

    Deactivate all plugins temporarily, just to see if it’s caused by some plugin installed. After that enable one by one to find the plugin that is causing the problem and contact the plugin authors why it happened and how to fix it.

    Thread Starter ceyler

    (@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.

    Ceyler, how did you fix this issue? I can’t stop using elementor and I can’t figure out how to add the id.

    Thanks

    This issue is not resolved.

    Thread Starter ceyler

    (@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 2 years, 9 months ago by ceyler.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘no menu on mobile view futurio’ is closed to new replies.