Submenu stopped opening in mobile!

Sparkling
1

When I started using this theme it was working fine in all devices. But now, I noticed the class “open” ad the aria-extended=“true” options are not being applied to the li item, the submenu doesn’t opens.
The file bootstrap.min.js is ok as all the rest. It happened to another site with the same theme that I’m not updating for a while.

2

Hi @gilmar,

I hope you are well today and thanks for posting here.

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Kind Regards,
Movin

3

Thank you so much for your kick reply. The site is:
www.crescatcoaching.com

I found out that the problem is with the EBS puglin, if I leave it inactive the menu works fine. But I used EBS across the whole website!

4

Hey, buddy. Thanks for the help, but I could made it by myself!

The confilct happened because EBS plugin also inserts the bootstrap.min.js file and it was conflicting due to the duplicated command, I believe.

I just removed the functions from the EBS file in the plugin editor, and it got back to work.

If it would be helpfull to anybody else, the functions removed are the following:


/******************** Removing submenu conflicting functions! *******************************************
  function b() {
    a(d).remove(), a(e).each(function(b) {
      var d = c(a(this));
      d.hasClass("open") && (d.trigger(b = a.Event("hide.bs.dropdown")), b.isDefaultPrevented() || d.removeClass("open").trigger("hidden.bs.dropdown"))
    })
  }

  function c(b) {
    var c = b.attr("data-target");
    c || (c = b.attr("href"), c = c && /#/.test(c) && c.replace(/.*(?=#[^\s]*$)/, ""));
    var d = c && a(c);
    return d && d.length ? d : b.parent()
  }
  var d = ".dropdown-backdrop",
    e = "[data-toggle=dropdown]",
    f = function(b) {
      a(b).on("click.bs.dropdown", this.toggle)
    };
  f.prototype.toggle = function(d) {
    var e = a(this);
    if (!e.is(".disabled, :disabled")) {
      var f = c(e),
        g = f.hasClass("open");
      if (b(), !g) {
        if ("ontouchstart" in document.documentElement && !f.closest(".navbar-nav").length && a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click", b), f.trigger(d = a.Event("show.bs.dropdown")), d.isDefaultPrevented()) return;
        f.toggleClass("open").trigger("shown.bs.dropdown"), e.focus()
      }
      return !1
    }
  }
	******************** END of Removing submenu conflicting functions! ********************************/

Hope I was clear enough.

5

Yes if you are using EBS plugin then you have to configure the EBS plugin settings correctly as described on the following page in the section “Attention”.