WebSite X5Help Center

 
Alessandro C.
Alessandro C.
User

Menù responsive sottolineato  it

Autor: Alessandro C.
Besucht 1709, Followers 2, Geteilt 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

Gepostet am
3 ANTWORTEN - 1 NüTZLICH
Mirko Boschetti
Mirko Boschetti
Moderator

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

Mehr lesen
Gepostet am von Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

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

Mehr lesen
Gepostet am von Mirko Boschetti
Alessandro C.
Alessandro C.
User
Autor

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

Mehr lesen
Gepostet am von Alessandro C.