WebSite X5Help Center

 
Beate E.
Beate E.
User

Problemi con hamburger button  it

Автор: Beate E.
Просмотрено 1220, Подписчики 1, Размещенный 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

Размещено
18 Ответы - 2 Полезно - 1 Корректно
Mirko Boschetti
Mirko Boschetti
Moderator

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

Читать больше
Размещено От Mirko Boschetti
Beate E.
Beate E.
User
Автор

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

Читать больше
Размещено От Beate E.
Beate E.
Beate E.
User
Автор

forse mi spiego meglio con l'immagine che allego

Читать больше
Размещено От Beate E.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Читать больше
Размещено От Mirko Boschetti
Roberto N.
Roberto N.
User

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

Читать больше
Размещено От Roberto N.
Beate E.
Beate E.
User
Автор

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

Читать больше
Размещено От Beate E.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца 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/ru/post/233159

qui come fissarlo a sempre hamburger:

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

...oppure dovrai adottare altra soluzione...

Читать больше
Размещено От Claudio D.
Beate E.
Beate E.
User
Автор

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

Читать больше
Размещено От 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 

Читать больше
Размещено От Roberto N.
Beate E.
Beate E.
User
Автор

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

Читать больше
Размещено От Beate E.
Roberto N.
Roberto N.
User

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

Читать больше
Размещено От 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.

Читать больше
Размещено От Giancarlo B.
Beate E.
Beate E.
User
Автор

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

Grazie a tutti smile

Читать больше
Размещено От Beate E.
Roberto N.
Roberto N.
User

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

Читать больше
Размещено От Roberto N.
Roberto N.
Roberto N.
User

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

Читать больше
Размещено От Roberto N.
Roberto N.
Roberto N.
User

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

Читать больше
Размещено От Roberto N.
Roberto N.
Roberto N.
User

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

Читать больше
Размещено От Roberto N.
Beate E.
Beate E.
User
Автор

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

Читать больше
Размещено От Beate E.