WebSite X5Help Center

 
Matteo C.
Matteo C.
User

Menu responsive su smartphone  it

Auteur : Matteo C.
Visité 1030, Followers 1, Partagé 0  

Salve, ho provato a cercare una soluzione sia sul manuale sia sul web ma non la trovo. Ho provato a fare un sito responsive e ho alcuni problemi:

www.tecnoklean.it

1 - Su smarphone il sito mi si apre normalmente, sembra tutto ok ma se clicco l'hamburgher (icona) non vedo nulla. Devo fare uno zoom out e scopro che ho un intera colonna anche se il menu è chiuso (vedi foto). La navigazione risulta compromessa da questo "spazio" bianco a destra.

2 - Il testo non si adatta, anche richiedendo la versione desktop.

Per ulteriori informazioni aggiungo che da Pc facendo uno zoom al massimo il sito diventa come "dovrebbe essere su smartphone, cioè con testi che si adattano e hamburgher che se "pigiato" fa comparire il menu "DENTRO LO SPAZIO DEL SITO" e non fuori in una colonna esistente.

Ulteriore appunto, secondo me, header e footer sono molto buggati, il footer ha un problema noto con il testo, talvolta anche l'header, a questo si aggiunge che spesso l'anteprima non corrisponde alle modifiche recenti su modelli responsive e gestione degli oggetti etc alle varie risoluzioni.

Thanks

Posté le
8 RéPONSES - 2 UTILE - 1 CORRECT
Matteo C.
Matteo C.
User
Auteur

Aggiungo anche uno screen della NON corrispondenza tra Header e anteprima.

Ultima cosa, se può essere utile, quando avevo fatto le prime prove (quindi con immagini dell'header e testo che fuoriuscivano abbondantemente) l'hamburgher forse era l'unica cosa che si comportava bene dell'Header guardandolo da Smarphone. :(

Lire plus
Posté le de Matteo C.
Giuseppe Guida
Giuseppe Guida
User

Ciao. Controlla al PASSO 2 MODELLO/personalizzazione/Contenuto Header e Footer che non ci siano oggetti che come dimensioni vanno oltre la larghezza dell'header e del footer.  Controlla ciò a tutte le risoluzioni visibili nella responsive bar a sinistra. Tutti gli oggetti devono rientrare entro i limiti di header e footer,  diversamente avrai quello spazio a destra.  

Non sono riuscito a capire quale sarebbe la NON corrispondenza tra Header e Anteprima.  Hai provato a tenere premuto il tasto CTRL della tastiera e contemporaneamente a cliccare sull'icona dell'anteprima di Website per aggiornare la cache? 

Lire plus
Posté le de Giuseppe Guida
Matteo C.
Matteo C.
User
Auteur

La non corrispondenza la vedi in quanto a risoluzione smarphone c'e' solo testo, il resto è nascosto, mentre nell'anteprima mi fa vedere i 480px come fossero i 720px. Ma in generale spesso non c'e' corrispondenza, sopratutto quando si modificano numerose volte gli spazi Header fondo etc. Idem quando si cambiano i menu da sopra a sotto. 

Non ho ancora provato il CTRL, stasera faccio delle prove. Per quanto riguarda oggetti che fuoriescono, non mi sembra, e comunque alla risoluzione smarphone sono nascosti e come si vede c'e' solo il testo (ho voluto fare una prova di solo testo proprio per questo motivo), alle altre risoluzione sono tagliati giusti, ma ricontrollo comunque stasera.

Matteo

Lire plus
Posté le de Matteo C.
Giuseppe Guida
Giuseppe Guida
User

Ma è giusto il comportamento... Appena scendi poco al di sotto dei 480px (479px) il sito si vede come lo hai impostato tu all'ultimo breakpoint, quindi con menù hamburger (le tre linee parallele), un solo ed unico testo senza icone FB e altro e sulla sinistra il logo verde a forma di cerchio in grande...

Io trovo tutto nella norma... non so...

Vedi allegato, è anche spiegato tutto dettagliatamente con misure esatte e frecce

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

Siamo un po' fuori tema rispetto al titolo del Topic aperto da te... Per gli OGGETTI fuori dalle dimensioni massime dell'HEADER e FOOTER, ti allego due screenshot e noterai delle cose che forse ti faranno risolvere il tuo problema della barra di scroll orizzontale e dello spazio bianco che si crea a destra del sito.

Hai mai provato a vedere che differenza c'è nel lavorare al "PASSO 2 MODELLO / Personalizzazione / Contenuto Header e Footer" settando un COLORE DI SFONDO per HEADEE e FOOTER ed settando invece COLORE TRASPARENTE sempre per Header e Footer? Guarda i seguenti allegati....

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

... e guarda invece qui con il colore TRASPARENTE...

Prova quel che ti ho spiegato negli allegati, non vorrei sia quello il tuo problema. Ciao ciao

Lire plus
Posté le de Giuseppe Guida
Matteo C.
Matteo C.
User
Auteur

Ho risolto, ringrazio entrambi, scusate il ritardo ma ho preso in mano solo adesso. Ottimi entrambi con spiegazioni molto chiare. Noto lo stesso problema di testo del footer a risoluzione smarphone, rimane il tondo che gira perenne costringendomi a spegnere il programma, ho risolto con un "titolo", ma sto bug testo header-footer mi sta facendo diventare matto.....

Lire plus
Posté le de Matteo C.
Matteo C.
Matteo C.
User
Auteur

Scusa sono fuso, pensavo foste due persone! Grazie Giuseppe!

Lire plus
Posté le de Matteo C.