WebSite X5Help Center

 
Beate E.
Beate E.
User

Problemi con hamburger button  it

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à smile

Postato il
18 RISPOSTE - 2 UTILI - 1 CORRETTO
Mirko Boschetti
Mirko Boschetti
Moderator

l'hamburgher button compare se manca lo spazio, quindi o aumenti lo spazio, o diminuisci i caratteri dei menu...

Leggi di più
Postato il da Mirko Boschetti
Beate E.
Beate E.
User
Autore

ma io VORREI che comparisse il hamburger b., il menù di pagina esteso dovrebbe comparire solamente in modalità desktop. 

Leggi di più
Postato il da Beate E.
Beate E.
Beate E.
User
Autore

forse mi spiego meglio con l'immagine che allego

Leggi di più
Postato il da Beate E.
Mirko Boschetti
Mirko Boschetti
Moderator

restringi lo spazio del menu allora in quella risoluzione...

Leggi di più
Postato il da Mirko Boschetti
Roberto N.
Roberto N.
User

Ciao Beate, per caso hai messo una interruzione di riga per qualla risoluzione ?

Leggi di più
Postato il da Roberto N.
Beate E.
Beate E.
User
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 undecided?)

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.... cry

Leggi di più
Postato il da Beate E.
Claudio D.
Claudio D.
Moderator
Utente del mese IT

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...

Leggi di più
Postato il da Claudio D.
Beate E.
Beate E.
User
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

Leggi di più
Postato il da Beate E.
Roberto N.
Roberto N.
User

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 

Leggi di più
Postato il da Roberto N.
Beate E.
Beate E.
User
Autore

Grazie ma purtroppo nella mia versione (2020.3.3 ma non PRO) non c'è l'opzione "interruzione di pagina" frown

Leggi di più
Postato il da Beate E.
Roberto N.
Roberto N.
User

Non lo sapevo... allora attendi risposta da parte di incomedia o adotta il suggerimento di Claudio.

Leggi di più
Postato il da Roberto N.
Giancarlo B.
Giancarlo B.
User

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.

Leggi di più
Postato il da Giancarlo B.
Beate E.
Beate E.
User
Autore

sì, ok, proverò a fare così anche se per me sta diventando un po' complicato embarassed

Grazie a tutti smile

Leggi di più
Postato il da Beate E.
Roberto N.
Roberto N.
User

nella tua pagina aggiungi il secondo oggetto menù....

Leggi di più
Postato il da Roberto N.
Roberto N.
Roberto N.
User

Nel secondo oggetto menù  inserto spunta la voce "Visualizza sempre l'hamburger buttom"

Leggi di più
Postato il da Roberto N.
Roberto N.
Roberto N.
User

poi nascondi il secondo Menù nella risoluzione (1150 superiore) e (720-1150) 

Leggi di più
Postato il da Roberto N.
Roberto N.
Roberto N.
User

poi nascondi il Primo Menù per le risoluzioni  (480-720) o più basse 

Leggi di più
Postato il da Roberto N.
Beate E.
Beate E.
User
Autore

ottimo, grazie, ora ho capito e credo che ce la possa fare laughing

Leggi di più
Postato il da Beate E.