Bug Menu Horizontal

[enmoderugby]

Bonjour,

J'ai un bug sur le haut du site  : http://www.millesime-rugby.fr/

J'ai réinjecté le module "blocktopmenu" d'origine mais ça ne change rien.

Je suis sous PS 1,6,1,17

Quelqu'un a-t-il une solution pour corriger ce bug ?

Merci d'avance

Nicolas

[Eolia]

Il vous manque une partie du css du module.

Désactivez les ccc dans performances pour le css car vous devez avoir un module chargé plus tôt qui n'est pas conforme et fait crasher le css de ceux qui suivent.

[enmoderugby]

C'est bien ça qu'il fallait faire ? Car ça n'a rien changé.

[Eolia]

En ros il vous manque tout ça:

#block_top_menu {
    padding-top: 25px
}

.sf-contener {
    clear: both;
    float: left;
    width: 100%
}

.sf-menu,.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu {
    position: relative;
    padding: 0;
    width: 100%;
    border-bottom: 3px solid #e9e9e9;
    background: #f6f6f6
}

@media (max-width: 767px) {
    .sf-menu {
        display:none
    }
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    background: #fff
}

@media (max-width: 767px) {
    .sf-menu ul {
        position:relative
    }
}

.sf-menu ul li {
    width: 100%
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu > li {
    float: left;
    border-right: 1px solid #d6d4d4;
    margin-bottom: -3px
}

@media (max-width: 767px) {
    .sf-menu > li {
        float:none;
        position: relative;
        border-right: none
    }

    .sf-menu > li span {
        position: absolute;
        right: 6px;
        top: 20px;
        width: 30px;
        height: 30px;
        z-index: 2
    }

    .sf-menu > li span:after {
        font-family: "FontAwesome";
        content: "\f067";
        font-size: 26px
    }

    .sf-menu > li span.active:after {
        content: "\f068"
    }
}

.sf-menu > li > a {
    font: 600 18px/22px "Open Sans",sans-serif;
    text-transform: uppercase;
    color: #484848;
    display: block;
    padding: 17px 20px;
    border-bottom: 3px solid #e9e9e9
}

.sf-menu > li.sfHover > a,.sf-menu > li > a:hover,.sf-menu > li.sfHoverForce > a {
    background: #333;
    border-bottom-color: #666666;
    color: #fff
}

.activelink {
    background: #333;
    border-bottom-color: #666666;
    color: #fff
}

.sf-menu li li li a {
    display: inline-block;
    position: relative;
    color: #777777;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 10px
}

.sf-menu li li li a:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 10px
}

.sf-menu li li li a:hover {
    color: #333
}

.sf-menu li ul {
    display: none;
    left: 0;
    top: 59px;
    z-index: 99;
    padding: 12px 0 18px 0;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 5px 13px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 5px 13px;
    box-shadow: rgba(0,0,0,0.2) 0 5px 13px
}

@media (max-width: 767px) {
    .sf-menu li ul {
        top:0
    }
}

.sf-menu li li ul {
    position: static;
    display: block !important;
    opacity: 1 !important;
    background: none;
    -moz-box-shadow: transparent 0 0 0;
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0
}

.sf-menu li li li ul {
    padding: 0 0 0 20px
}

.sf-menu li li li ul {
    width: 220px
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
    top: -999em
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
    left: 200px;
    top: 0
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
    top: -999em
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
    left: 200px;
    top: 0
}

.sf-menu > li > ul {
    padding: 26px 30px 31px;
    width: 100%
}

.sf-menu > li > ul > li > a {
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans",sans-serif;
    color: #333
}

.sf-menu > li > ul > li > a:hover {
    color: #515151
}

.sf-menu > li > ul > li {
    float: left;
    width: 20%;
    padding-right: 15px
}

@media (max-width: 767px) {
    .sf-menu > li > ul > li {
        width:50%
    }
}

@media (max-width: 479px) {
    .sf-menu > li > ul > li {
        width:100%;
        padding-bottom: 20px
    }
}

@media (min-width: 768px) {
    .sf-menu > li > ul > li.first-in-line-lg {
        clear:left
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .sf-menu > li > ul > li.first-in-line-xs {
        clear:left
    }
}

.sf-menu > li > ul > li.category-thumbnail {
    width: 100% !important;
    float: none;
    clear: both;
    overflow: hidden;
    padding-right: 0
}

.sf-menu > li > ul > li.category-thumbnail > div {
    float: left;
    padding-left: 10px;
    width: 33.333%
}

@media (max-width: 479px) {
    .sf-menu > li > ul > li.category-thumbnail > div {
        width:100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center
    }
}

.sf-menu > li > ul > li.category-thumbnail > div:first-child {
    padding-left: 0
}

.sf-menu > li > ul > li.category-thumbnail > div img {
    max-width: 100%;
    display: block
}

.cat-title {
    display: none
}

@media (max-width: 767px) {
    .cat-title {
        display:block;
        font: 600 18px/22px "Open Sans",sans-serif;
        text-transform: uppercase;
        color: #484848;
        display: block;
        padding: 17px 20px;
        border-bottom: 3px solid #e9e9e9;
        background: #f6f6f6;
        position: relative
    }

    .cat-title:hover {
        background: #333;
        border-bottom-color: #666666;
        color: #fff
    }

    .cat-title:after {
        display: block;
        font-family: "FontAwesome";
        content: "\f067";
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 26px
    }

    .cat-title.active:after {
        content: "\f068"
    }
}

.sf-menu li.sf-search {
    border: none
}

.sf-menu li.sf-search input {
    display: inline;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    margin: 13px 10px 0 0;
    font-size: 13px;
    color: #9c9b9b;
    border: 1px solid #d6d4d4
}

#block_top_menu .category-thumbnail {
    clear: both;
    width: 100%;
    float: none
}

#block_top_menu .category-thumbnail div {
    float: left;
    width: 33.33333%
}

#block_top_menu .category-thumbnail div img {
    max-width: 100%
}

#block_top_menu li.category-thumbnail {
    padding-right: 0
}

[enmoderugby]

Quand vous dites "manque", c'est à dire qu'il n'est pas lu ? Car ce bout de code se trouve bien dans mon fichier "superfish-modified.css"

Et d'après vous qu'e faudrait-il faire ?

[Eolia]

Ben il est pas chargé en tout cas

[enmoderugby]

Pourtant il est bien sur le serveur et dans le backoffice, il est bien dans la liste des modules activés.

[Eolia]

Je ne dis pas qu'il n'est pas sur le serveur mais pas appellé^^

Le module est bien hooké partout où il doit être ?

    public function hookHeader()
    {
        $this->context->controller->addJS($this->_path.'js/hoverIntent.js');
        $this->context->controller->addJS($this->_path.'js/superfish-modified.js');
        $this->context->controller->addJS($this->_path.'js/blocktopmenu.js');
        $this->context->controller->addCSS($this->_path.'css/blocktopmenu.css');
        $this->context->controller->addCSS($this->_path.'css/superfish-modified.css');
    }

 

[enmoderugby]

C'était ça le problème. Merci beaucoup pour votre aide.