Grandezza menu Hamburger e testo pulsante. 
Autore: Alessandro Z.
Visite 2413,
Followers 1,
Condiviso 0
Salve, vorrei sapere come posso ingrandire il menu hamburger che si attiva quando si passa alla risoluzione per mobile. Ho già provato ad aumentare l'altezza in pixel del menu ma il pulsante rimane sempre della stessa dimensione. Mi piacerebbe ottenre se possibile un menu come quello indicato nella foto con anche la scirtta menu. E' possibile? Utilizzo website x5 v13.
Grazie
Postato il
Autore
Il sito è questo http://www.tendedasoleverona.com/
se non riesci con gli stili da programma puoi utilizzare un codice esterno (passo 1 seo codice personalizzato) da personalizzare, il 1200px vedi ti quando compare l'hamburget sul tuo sito.
<style>
@media screen and (max-width: 1200px) {
#imMnMn .hamburger-bar {
height: 8px!important;
margin: 4px auto!important;
width: 100%!important;
}
}
</style>
ti serve proprio ingrandire le dimensioni del menù hamburger? ingrandendolo ti inibisce la visualizzazione degli altri oggetti su smartphone.
Autore
Salve, ho provato ad usare il codice e mi viene fuori un menu alto e stretto.. io vorrei fosse ingrandito in entrambe le direzioni altezza e larghezza.
Autore
Ho provato a modificare il valore di width per aumentare un po la larghezza ma rimane invariata, mi aumenta solo l'altezza del pulsante quando modifico l'altro valore height... Come posso risolverlo?
... l'hamburger eredita le impostazioni di stile del menu principale, quindi devi usare le opzioni disponibili in > Personalizzazione
... senza far uso di codici! ...guarda la differenza tra il tuo hamburger e quello dell'esempio di Giuseppe: http://www.ggweb70.altervista.org/provaslideiframe/
Autore
Esatto, vorrei proprio un hamburger di quelle dimensioni, cosa dovrei modificate ? la grandezza del menu principale? inoltre lui ha inserito la scritta your logo, come posso inserirlo anche io?
... io non ho il programma per essere più preciso, ma a vedere, mi sembra che abbia utilizzato le opzioni di base...
... prova a vedere tra le opzioni che ti ho segnalato prima...
.
Autore
dalle opzioni del programma non c'è possibilità di interagire sul menu hamburger... ho provato in tutti i modi, anche ad aumentare la dimensione in altezza del menu principale ma niente da fare, rimane piccolo.
Autore
Per aumentare l'altezza del menu principale invece come si fa? cioè se io riduco la larghezza dei pulsanti ed ad esempio ho un pulsante che si chiama "DETRAZIONE FISCALE 65%" chiaramente una parte mi andrà a capo. La parte che va a capo non rientra correttamente nell'altezza del menu, come faccio ad aumentare l'altezza? Vi mando una bozza in allegato.
... no; come detto prima eredita lo stile del menu principale...
... quindi tra queste opzioni: ▪Larghezza | ▪Margine | ▪Tipo di Font
>>> Passo 2 - Modello > Personalizzazione > Stile del Menu Principale >> ▪Generale
.
Autore
Ho provato a modificare qualsiasi paramento anche nella struttura del modello aumentando l'altezza del menu da 30 a 50px però senza alcun risultato. Nonostante il menu princiapale ora sia il doppio di grandezza, il pulsante rimane piccolo. Ho inserito un allegato a dimostrazione.
e il tipo di carattere poi aumentalo...
... forse non è stata toccata l'opzione indicata: ▪Tipo di Font (punti di misura, ecc.)
Autore
Modificando qualsiasi paramento dentro stile menu principale, il menu hamburger rimane invariato. Come posso risolvere questo problema? Mi era stato fornito un codice esterno da inserire che però non lo ridimensionava correttamente. Non capisco come mai non ci sia una opzione dedicata a questo pulsante hamburger. Grazie
... ma nelle opzioni del menu, non puoi selezionare il tipo di font, (arial, verdana, eccetera), e selezionare il punto font, (tipo 10, 12, 18, 22, eccetera)....?...
.
Autore
Nel secondo screen che ti ho allegato al messaggio precedente, si vede che si può selezionare la dimensione del font, ma anche mettendo una dimensione esagerata di 30px non mi risolve il problema, l'hamburger rimane uguale identico. Credo che l'unica soluzione sia quella di con codice esterno però corretto perchè quello fornitomi mi creava un pulsante ingrandito solo in altezza ma non in larghezza. Spero riuscite ad aiutarmi...
... purtroppo senza avere il programma (*) non posso dirti di più; ...comunque la soluzione è lì li sotto gli occhi...
... come hai visto da altri siti, è possibile, e magari resta in attesa di altri suggerimenti da chi può smanettare con il programma...
... comunque, con codice extra ad occhio e croce, prova cosa avviene con questo (sempre /HEAD):
<style>#imMnMn .hamburger-bar {background-color:blue !important; width:50px !important;height:7px !important}</style>
... poi se funzionasse, (background-color:blue !important;) potrai rimuoverlo ...
(*) - ricordati
.
ciao
Grazie Kol per aver postato il link del mio esempio.
Alessandro, vedi foto, c'è la soluzione per aumentare la grandezza del menù hamburger con le sole funzioni del programma (clicca sulla foto sotto per ingrandirla e leggere meglio)
P.S. Vero, la grandezza del menù hamburger dipende anche dalla grandezza del FONT, però siccome spesso le voci del menù sono tante, se si va ad aumentare la grandezza del font succede che poi non ci vanno tutte le voci del menù nella risoluzione desktop e scatta subito l'hamburger, per evitare ciò quindi è preferibile settare la grandezza delle voci di menù su un valore "normale" (10px/12px) e AUMENTARE invece il valore del margine verticale per aumentare le dimensioni del menù hamburger.
Prova e ci fai sapere. Ciao ciao
... ottimo Giuseppe, grazie anche da parte mia per i tuoi STAMP esplicativi, a dimostrazione come avevo presunto che bastava cliccare dove avevo indicato ...
... ciao
.
Autore
TUTTO PERFETTO! Modificando i parametri dei margini sono riuscito come indicato da giuseppe ad aumentare il menu hamburger. Voglio precisare però che non ho neanche provato a modificare quei parametri in precedenza in quanto già dal nome, per logica, non ti fa pensare che potrebbe essere la dimensione del pulsante. Sarebbe stato carino aggiungiere qualche dettaglio in più almeno nella guida ufficiale. Comunque grazie per l'aiuto e la disponibilità.