WebSite X5Help Center

 
Beate E.
Beate E.
User

Problemi con hamburger button  it

Author: Beate E.
Visited 1231, Followers 1, Shared 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

Posted on the
18 ANSWERS - 2 USEFUL - 1 CORRECT
Mirko Boschetti
Mirko Boschetti
Moderator

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

Read more
Posted on the from Mirko Boschetti
Beate E.
Beate E.
User
Author

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

Read more
Posted on the from Beate E.
Beate E.
Beate E.
User
Author

forse mi spiego meglio con l'immagine che allego

Read more
Posted on the from Beate E.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Read more
Posted on the from Mirko Boschetti
Roberto N.
Roberto N.
User

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

Read more
Posted on the from Roberto N.
Beate E.
Beate E.
User
Author

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

Read more
Posted on the from Beate E.
Claudio D.
Claudio D.
Moderator
Best User of the month 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/en/post/233159

qui come fissarlo a sempre hamburger:

https://helpcenter.websitex5.com/en/post/233159#comment3

...oppure dovrai adottare altra soluzione...

Read more
Posted on the from Claudio D.
Beate E.
Beate E.
User
Author

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

Read more
Posted on the from 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 

Read more
Posted on the from Roberto N.
Beate E.
Beate E.
User
Author

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

Read more
Posted on the from Beate E.
Roberto N.
Roberto N.
User

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

Read more
Posted on the from 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.

Read more
Posted on the from Giancarlo B.
Beate E.
Beate E.
User
Author

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

Grazie a tutti smile

Read more
Posted on the from Beate E.
Roberto N.
Roberto N.
User

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

Read more
Posted on the from Roberto N.
Roberto N.
Roberto N.
User

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

Read more
Posted on the from Roberto N.
Roberto N.
Roberto N.
User

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

Read more
Posted on the from Roberto N.
Roberto N.
Roberto N.
User

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

Read more
Posted on the from Roberto N.
Beate E.
Beate E.
User
Author

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

Read more
Posted on the from Beate E.