Problemi con hamburger button
Autore: Beate E.
Visite 1208,
Followers 1,
Condiviso 0
Evidentemente mi sta sfuggendo qualcosa ma non riesco a venirene fuori. Sto trasformando un sito non responsive in responsive e in alcune sezioni vorrei lasciare inserito il menù di pagina della vecchia versione per facilitare la navigazione. Alle risoluzioni minori il menù di pagina dovrebbe trasformarsi in Hamburger Button.
Questo succede correttamente nella risoluzione < 480 px e 720-1149 px mentre nella risoluzione intermedia 719-480 px in cima alla pagina appare il menu di pagina al posto del hamburger button.
Allego lo screenshot delle impostazioni, dove devo agire?
Il link di una delle pagine interessate è questo: https://www.parcoculturaledicamaiano.toscana.it/NEW/--le-giraiole.php
Grazie a chi mi aiuterà
Postato il
l'hamburgher button compare se manca lo spazio, quindi o aumenti lo spazio, o diminuisci i caratteri dei menu...
Autore
ma io VORREI che comparisse il hamburger b., il menù di pagina esteso dovrebbe comparire solamente in modalità desktop.
Autore
forse mi spiego meglio con l'immagine che allego
restringi lo spazio del menu allora in quella risoluzione...
Ciao Beate, per caso hai messo una interruzione di riga per qualla risoluzione ?
Autore
Rieccomi. Sinceramente non capisco i vostri suggerimenti.
Come faccio a stringere la larghezza di colonna per una sola determinata risoluzione? In Creazione Pagina l'ho impostata a 180 px che va bene per vedere il menu di pagina esteso nella risoluzione desktop, ma poi in Impostazioni Responsive non posso fare altro che ordinare e nascondere o meno gli elementi (oggetti) della pagina. Non posso regolare la larghezza delle colonne e nemmeno inserire interruzioni di pagina (forse, Roberto, ti riferisci alla versione professional ?)
in questa risoluzione (720-1150) viene visualizzato (correttamente) il hamburger button:
in quest'altra risoluzione (480-720) appare invece il menu esteso in cima alla pagina:
Come faccio a diminuire l'altezza di quella riga?
Nella risoluzione minima (sotto 480), senza che io abbia cambiato alcunché, la riga del menù di pagina sembra avere un'altezza minore e infatti compare il hamburger.
Alla fine mi sembra di capire che dovrei diminuire l'altezza della riga corrispondente al menu di pagina nelle Impostazioni Responsive. Mi sapete dire come si può fare questo? Non ci arrivo....
il menu se messo come oggetto nella pagina tende ad allungarsi a menu normale...
se vuoi farlo apparire come menu hamburger... devi mettere due menu , uno normale per la risoluzione superiore e uno hamburger fisso per le risoluzioni inferiori e nasconderli rispettivamente con i codici...
ne abbiamo parlato qui (trovi anche i codici usati, dovrai personalizzarli per il tuo caso)
https://helpcenter.websitex5.com/it/post/233159
qui come fissarlo a sempre hamburger:
https://helpcenter.websitex5.com/it/post/233159#comment3
...oppure dovrai adottare altra soluzione...
Autore
ok, ma continuo a non capire perchè è solo nella "penultima" risoluzione che il menu di pagina diventa un menù orizzontale in cima alla pagina mentre nelle risoluzioni sopra e sotto diventa hamburger menù. Comunque se non posso fare diversamente proverò come mi hai suggerito. Grazie
se nella risoluzione (720-1150) togli l'interruzione di riga dovrebbe apparirti l'hamburger menù su tutte le risoluzioni che non hanno spazio sufficiente per essere visualizzato. io stesso utilizzo lo stesso sistema in tutte le mie pagini e come puoi vedere ad una certa risoluzione diventa hamburger menù laterale https://www.ilmioproduttoredifiducia.it/miele.php
Autore
Grazie ma purtroppo nella mia versione (2020.3.3 ma non PRO) non c'è l'opzione "interruzione di pagina"
Non lo sapevo... allora attendi risposta da parte di incomedia o adotta il suggerimento di Claudio.
Ciao Beate, come ti ha suggerito Claudio puoi provare con due menù (come da lui consigliato) e con il codice che li gestisce, decidendo tu a quale risoluzione deve intervenire la versione hamburger.
Trovi un esempio in questa pagina ed anche il codice da prelevare:
https://www.giancarloweb.it/siti_test/interniarredamenti/soggiorni.html
Giancarlo.
Autore
sì, ok, proverò a fare così anche se per me sta diventando un po' complicato
Grazie a tutti
nella tua pagina aggiungi il secondo oggetto menù....
Nel secondo oggetto menù inserto spunta la voce "Visualizza sempre l'hamburger buttom"
poi nascondi il secondo Menù nella risoluzione (1150 superiore) e (720-1150)
poi nascondi il Primo Menù per le risoluzioni (480-720) o più basse
Autore
ottimo, grazie, ora ho capito e credo che ce la possa fare