WebSite X5Help Center

 
Roberto Luchi
Roberto Luchi
User

Personalizzazione menu hamburger  it

Author: Roberto Luchi
Visited 2126, Followers 1, Shared 0  

Buongiorno a tutti,

sono passato dalla versione WebSite X5 12 professional alla 13 ed alcune cose non funzionano più potete aiutarmi

Avevo personalizzato il Menu Hamburger con questo codice inserito Prima della chiusura del tag HEAD ma non funziona più, l'unica personalizzazione che funziona è la scritta Menu che ho aggiunto sotto il pulsante Hamburger.

Grazie dell'aiuto.

<style>
    @media screen and (max-width: 1152px) {
        .hamburger-menu-close-button {color:red;}
       
        #imMnMn .hamburger-bar {
        background-color:red;
        top:0px !important;
        }
   
        .hamburger-button::after {content:"Menu";}
   
        #imMnMn > ul {
        bottom:auto !important;
        overflow:auto;
        background-color:#FFFFFF;/* fix colore sfondo menu*/
        height:calc(100% - 35px);
        }
   
        #imMnMn ul > li {
        background-color:#ffffff; /* fix colore pulsanti*/
        }
    

    }       
</style>

Posted on the
2 ANSWERS - 1 CORRECT
 lemonsong  
 lemonsong  
User

Devi aumentare il "peso" aggiungendo, per esempio, !important dopo ogni valore che non viene considerato.

In alternativa puoi aggiungere/modificare i selettori in questo modo:

#imMnMn.main-menu .hamburger-menu-close-button {color:red;}

#imMnMn.main-menu .hamburger-bar {

  background-color:red;

  top:0px !important;

}

Read more
Posted on the from  lemonsong  
Roberto Luchi
Roberto Luchi
User
Author

lemonsong

Grazie 1000!

Read more
Posted on the from Roberto Luchi