WebSite X5Help Center

 
Beate E.
Beate E.
User

Problemi con hamburger button  it

Autor: Beate E.
Visitado 919, Seguidores 1, Compartilhado 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

Publicado em
18 RESPOSTAS - 2 ÚTEIS - 1 CORRIGIR
Mirko Boschetti
Mirko Boschetti
Moderator

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

Ler mais
Publicado em de Mirko Boschetti
Beate E.
Beate E.
User
Autor

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

Ler mais
Publicado em de Beate E.
Beate E.
Beate E.
User
Autor

forse mi spiego meglio con l'immagine che allego

Ler mais
Publicado em de Beate E.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Ler mais
Publicado em de Mirko Boschetti
Roberto N.
Roberto N.
User

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

Ler mais
Publicado em de Roberto N.
Beate E.
Beate E.
User
Autor

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

Ler mais
Publicado em de Beate E.
Claudio D.
Claudio D.
Moderator

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/pt/post/233159

qui come fissarlo a sempre hamburger:

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

...oppure dovrai adottare altra soluzione...

Ler mais
Publicado em de Claudio D.
Beate E.
Beate E.
User
Autor

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

Ler mais
Publicado em de 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 

Ler mais
Publicado em de Roberto N.
Beate E.
Beate E.
User
Autor

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

Ler mais
Publicado em de Beate E.
Roberto N.
Roberto N.
User

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

Ler mais
Publicado em de Roberto N.
Giancarlo B.
Giancarlo B.
User
Usuário do mês IT

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.

Ler mais
Publicado em de Giancarlo B.
Beate E.
Beate E.
User
Autor

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

Grazie a tutti smile

Ler mais
Publicado em de Beate E.
Roberto N.
Roberto N.
User

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

Ler mais
Publicado em de Roberto N.
Roberto N.
Roberto N.
User

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

Ler mais
Publicado em de Roberto N.
Roberto N.
Roberto N.
User

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

Ler mais
Publicado em de Roberto N.
Roberto N.
Roberto N.
User

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

Ler mais
Publicado em de Roberto N.
Beate E.
Beate E.
User
Autor

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

Ler mais
Publicado em de Beate E.