Scritta "menu" nella versione responsiva
Auteur : Giovanni R.
Visité 2948,
Followers 3,
Partagé 0
Buongiorno, non reputo il pulsante per accedere al menu nella versione responsive particolarmente visibile, anzi è completamente nascosto. Vorrei sapere se è possibile aggiungere una scritta ("menu") accanto al simbolo per l'apertura.
Posté le
Il simbolo del menu hamburger è "universale" quindi intuitivo.
Se invece ti riferisci alle dimensioni, vengono "ereditate" dalla dimensione del font del menu principale.
Comunque, un modo semplice per inserire una scritta è quella di usare un CSS con gli pseudo elementi after e before
Esempio da incollare al Passo 4 - Statistiche, SEO e Codice - Esperto - Prima della chiusura del tag HEAD:
<style>
@media screen and (max-width: 959px) {
.hamburger-button::after {
content:"menu";
}
}
</style>
959 = risoluzione alla quale viene visualizzato il menu responsive
::after = il contenuto (content) viene visualizzato sotto il simbolo del menu
::before = il contenuto (content) viene visualizzato sopra il simbolo del menu
Puoi aggiungere altre proprietà e valore per posizionare/spostare la scritta, formattare il testo etc...
basta inserire un'immagine con la dicitura MENU ed il gioco è fatto.
---
Daniele Abbacuccio - Web Agency
w:http://www.realizzazionesitiwebsalerno.it
w:http://www.websitex5templates.it
Sempre che non abbiamo già usato un'immagine per fare altro e/o l'allineamento selto non ci consente di "arrivare" vicino al pulsante del menu, se ho capito a cosa ti riferisci.