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
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)

Voici le code que je pense utile (un peu long )

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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>

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
#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;
}

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
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
  }
}

Tout aide est la bienvenue