Menù hamburger con nome 
Autore: Giuseppe Puzzolo
Visite 1388,
Followers 2,
Condiviso 0
Buonasera a tutti voolevo chiedere se c'è la possiobilità quando si crea il menù hamberger invece delle classiche 3 lineette è possibile far apparire un nome che cliccandoci sopra si apra come hamburger? Grazie a tutti.
Postato il
leggi qui se ti può andare bene:
https://helpcenter.websitex5.com/it/post/208619
Autore
@mirko grazie il tuo codice funziona https://helpcenter.websitex5.com/it/post/208619 però a me serivrebbe che si veda alla destra o alla sinistra (non sopra o sotto) grazie.
credo che si possa fare tranquillamente con photoshop (creare una scritta piccola MENU) e posizionarla vicino il menu hamburger
allora leggi qui:
https://helpcenter.websitex5.com/it/post/164508#comment9
... cioè...?... ...sono due cose differenti...!...
... vuoi o non vuoi vedere le lineette dell'hamburger (≡)...?...
... se poi posti il tuo LINK sarebbe meglio...
.
Autore
@kolAsim andrebbe bene vedere il nome senza le lineette
prova così, con la 16 funziona:
<style>
@media screen and (max-width: 959px) {
.hamburger-button::before {content:"MENÙ";}
#imHeader .hamburger-bar {background: transparent;}
}
</style>
naturalmente ti personalizzi il breakpoint della media query e se vuoi ti personalizzi colore , dimensione scritta MENU ecc che così come sta ti appare nera.
Autore
grazie giuseppe Guida ugale a quello di Mirko. La personalizzaizone del colore come si fà a me seriverebbe bianco con carattere 12
<style>
@media screen and (max-width: 959px) {
.hamburger-button::before {content:"MENÙ"; color:whitee; font-size: 12pt;}
#imHeader .hamburger-bar {background: transparent;}
}
</style>
CORREZIONE!!! white non whitee, naturalmente, scusami
CODICE CORRETTO con colore font "white":
<style>
@media screen and (max-width: 959px) {
.hamburger-button::before {content:"MENÙ"; color: white; font-size: 12pt;}
#imHeader .hamburger-bar {background: transparent;}
}
</style>
se hai la sticky bar attiva naturalmente poi devi personalizzare anche l'hamburger menù sulla sticky bar. Ciao
... se postavi il LINK avrei potuto valutare meglio, da da un mio precedente suggerimento potresti provare con:
<style> .hamburger-button::before { content: 'MENU';font-size:24px;color:blue !important;} .hamburger-bar{ display:none; } </style>
.
... dimenticavo, rispetto a quanto avevo anticipato se ti interessasse, potresti sostituire con una tua immagine, con su scritto o meno MENU; ...per esempio prova ad incollare direttamente questo codice per averne una rapida idea:
<style> .hamburger-button::before { content: url('http://www.kolasim-zone.it/immagini/lampidea1.gif') !important;}.hamburger-bar{ display:none; }; </style>
... allega la tua immagine negli ALLEGATI e nella cartella files proposta per default e correggi l'URL al posto del mio in questo modo:
files/NomeTuaImmagine.png
.
ciao, una domanda banale, se volessi lasciare le linee ma le volessi più grandi come faccio a cambiare questa impostazione?
Grazie
Silvia
Autore
aumentare i pixel del font
... in extra basterebbe assegnare i propri valori alla classe hamburger-bar ...ma dovresti postare il tuo LINK per poter valutare...
.
mi piacerebbe come il menu del template wear what ? che c'è sul marketplace di website. il mio sito è www.gioiellipavan.it e stò rimpostando la head il footer e i menu. Vorrei riuscire a dare una impostazione minimale e chiara pulendo tutto ciò che è in eccesso e che crea disordine. Grazie ... Silvia
dovresti anche alzare lo z-index del box contatti...cosi come è ora finisce sotto i bottoni social...
aumenta la dimensione dei caratteri dei tuoi menu, e aumenta di conseguenza il menu hamburgher...
... meglio fare come ti ha anticipato Mirko ...
... comunque puoi provare con questo codice, personalizzandoti i valori a tuo piacere:
<style> .hamburger-bar { width:50px !important; height:5px !important;} </style>
.
ciao
.
grazie Mirko in effetti anche quello è da sistemare, anche perchè nelle visualizzazioni minori mi sparisce sotto il footer e ci stò litigando ... da profana cambio il settaggio della casella che contiene il link a messanger... sicuramente c'è una strada migliore ma non saprei. Per il menu hamburger provo con la personalizzazione grazie KolAsim. vediamo un pò se riesco ad uscirne . A presto, grazie Silvia
@mirko aiuto come cambio il parametro per fermare il box di messenger?
Grazie
Silvia