Sous titre non visualisable

DonKnacki, lundi 17 septembre 2018 à 15h55
Modifié

Bonjour à tous,

Pour faire un site internet, j’ai utilisé Wordpress.
Étant plus que débutant en design, je me suis rabattu sur le pluggin onepager pour faire ma page d’accueil
Problème, mon menu (qui comporte des sous-menus) pose problème:
les sous menus ne sont plus visible (normalement ils apparaissent sur l’événement hover)

Quelqu’un a déjà utilisé ce plugin et rencontré/résolu ce problème ?

J’ai essayé de changer le CSS/JS par moi même mais je suis loin d’être au niveau de ce côté :$

17/09/18 à 15h55
Modifié

+0 -0

DonKnacki, mardi 18 septembre 2018 à 09h52

A défaut d’avoir utilisé ce pluggin, vous pouvez peut être m’aider à régler le problème si je vous fourni le code en question :

html :

<div class="op-sections">
  <header id="navbar" class="op-section navbar navbar-static-top navbar-1" data-spy="affix" data-offset-top="80">
    <div class="container">
        <!-- Menu -->
        <nav class="collapse navbar-collapse" id="nav-navbar">                              
            <ul id="menu-menu-principal" class="nav navbar-nav navbar-right">
                <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-10 dropdown active">
                    <a title="Accueil" href="#" data-toggle="dropdown" class="dropdown-toggle" aria-haspopup="true">Accueil <span class="caret"></span></a>
                    <ul role="menu" class=" dropdown-menu">
                        <li id="menu-item-36" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-36 active">
                            <a title="Témoignages" href="#testimonials">Témoignages</a>
                        </li>
                        <li id="menu-item-109" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-109 active">
                            <a title="Qui somme nous ?" href="#aboutus">Qui somme nous ?</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
   </header>
</div>

CSS:

#navbar .navbar-nav > li:hover > a, #navbar .navbar-nav > li.active > a {
    color: #222222;
}
#navbar .navbar-nav > li > a {
    color: #777777;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
        padding-top: 10px;
        padding-bottom: 10px;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav {
    list-style: none;
}
.nav {
    list-style: none;
}

JS :

function() {
  jQuery(this).parents().toggleClass('link-focus');
}

function(o) {
  var n = t(this);
  if (!n.is(".disabled, :disabled")) {
    var s = e(n),
      a = s.hasClass("open");
    if (i(), !a) {
      "ontouchstart" in document.documentElement && !s.closest(".navbar-nav").length && t(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(t(this)).on("click", i);
      var r = {
        relatedTarget: this
      };
      if (s.trigger(o = t.Event("show.bs.dropdown", r)), o.isDefaultPrevented()) return;
      n.trigger("focus").attr("aria-expanded", "true"), s.toggleClass("open").trigger(t.Event("shown.bs.dropdown", r))
    }
    return !1
  }
}

function(d) {
  var e = a(this);
  if (!e.is(".disabled, :disabled")) {
    var f = c(e),
      g = f.hasClass("open");
    if (b(), !g) {
      "ontouchstart" in document.documentElement && !f.closest(".navbar-nav").length && a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click", b);
      var h = {
        relatedTarget: this
      };
      if (f.trigger(d = a.Event("show.bs.dropdown", h)), d.isDefaultPrevented()) return;
      f.toggleClass("open").trigger("shown.bs.dropdown", h), e.focus()
    }
    return !1
  }
}

function(d) {
  var e = a(this);
  if (!e.is(".disabled, :disabled")) {
    var f = c(e),
      g = f.hasClass("open");
    if (b(), !g) {
      "ontouchstart" in document.documentElement && !f.closest(".navbar-nav").length && a('<div class="dropdown-backdrop"/>').insertAfter(a(this)).on("click", b);
      var h = {
        relatedTarget: this
      };
      if (f.trigger(d = a.Event("show.bs.dropdown", h)), d.isDefaultPrevented()) return;
      f.toggleClass("open").trigger("shown.bs.dropdown", h), e.focus()
    }
    return !1
  }
}