Menù responsive sottolineato
Autor: Alessandro C.
Visitado 1710,
Followers 2,
Compartido 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
Publicado en
invece che codice usa una immagine trasparente con linea rossa, e la metti come sfondo del menu su Hover
Altrimenti devi aggiustare il tuo Css ed aggiungere le voci del menu hamburgher...
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