WebSite X5Help Center

 
Alessandro C.
Alessandro C.
User

Menù responsive sottolineato  it

Autore: Alessandro C.
Visite 1411, Followers 2, Condiviso 0  

Ciao tempo addietro avevo chiesto aiuto per ottenere un effetto sottolineato quando il mouse selezionava una voce di menù e mi era stata postata la soluzione tramite uno script che funziona benissimo e riporto:

<style>

#imMnMn.main-menu > ul > li:hover {border-bottom:1px solid red;}

#imMnMn.main-menu ul ul li:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li:hover > .imMnMnBorder { border-bottom:1px solid red; }

</style>

quando però passo a formati responsive più piccoli tipo tablet o cell i menù scompaiono e fuoriescono con una finestra laterale dopo aver selezionato un comando unico e fin qui ok ma selezionando le voci sulla finestra che si apre l'effetto della sottolineatura con linea rossa non c'è più. Come posso fare?

Grazie

Postato il
3 RISPOSTE - 1 UTILE
Mirko Boschetti
Mirko Boschetti
Moderator

invece che codice usa una immagine trasparente con linea rossa, e la metti come sfondo del menu su Hover

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

Altrimenti devi aggiustare il tuo Css ed aggiungere le voci del menu hamburgher...wink

Leggi di più
Postato il da Mirko Boschetti
Alessandro C.
Alessandro C.
User
Autore

Linea rossa fatta come suggerito con immagine e codice cancellato, ma a risoluzioni per cell o tablet la finestra laterale con i menù non ha l'effetto della linea sulla selezione ma solo il grassetto

Leggi di più
Postato il da Alessandro C.