Jump to content

Menu horizontal : redescendre les sous catégories dans le menu déroulant


Recommended Posts

Bonjour,

Prestashop 1.6.1.14 - Thème : default-bootstrap - menu horizontal fourni avec.

Je travail en local pour l'instant.

 

J'ai saisi mes catégories et sous catégories. 

Seulement mes SOUS catégories apparaissent dans le menu ET dans le menu horizontal au dessus. Hors je souhaite n'avoir que mes catégories dans la barre de menu (et tout le reste dans le menu déroulant).

 

J'ai fait pas mal de modifs dans superfish-modified.css pour modifier l'aspect du menu. J'ai dû toucher à quelque chose qu'il ne fallait pas, mais impossible de trouver quoi.

Quelqu'un aurait une idée SVP ?

 

Voici le code CSS que j'ai modifié :

/*** ESSENTIAL STYLES ***/
.sf-contener {
  clear: both;
  float: left;
  width: 100%; }

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

.sf-menu {
  text-align:center!important;
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #F4F0EC!important; 
  background: #FFFFFF!important; }    
  @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;
  /* fixes IE7 'sticky bug' */ }

.sf-menu > li {
  display: inline-block!important;   
  border-right: 0px #ffffff!important;  
  @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: 10px 20px;	
    border-bottom: 3px solid #F4F0EC!important; } 
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #D9CEC0; 
    border-bottom-color: #666666;
    color: #fff; }

Merci pour votre aide :)

 

 

 

 

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...