Sous titre non visualisable

Auteur du sujet

Angelo Lundi 17 septembre 2018 à 15h55 17/09/18 à 15h55

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é :$

Édité par Angelo lundi 17 septembre 2018 à 15h56

+0 -0

Auteur du sujet

Angelo Mardi 18 septembre 2018 à 09h52 18/09/18 à 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
  }
}

A la fois, j’ai mis pas mal de code; à la fois, je ne suis pas sur d’avoir donné l’ensemble des informations utiles donc n’hésitez pas si besoin

Merci pour votre aide

+0 -0

Pas encore inscrit ?