Problemi visualizzazione responsive
Autore: Michela P.
Visite 1984,
Followers 1,
Condiviso 0
Ragazzi,
potete cortesemente verificare il comportamento del mio sito in modalità responsive, sui cellulari? Io divento matta: l'header impazzito e il menù che non funziona. Le immagini dell'header che vanno sopra al menù.
La visualizzazione inoltre non è a "pieno schermo" sul cell. Se si ruota il cellulare impazzisce.
Ho già esposrtato più volte. In anteprima è tutto perfetto! :(
PS Il sito e www.accessorigatti.com
Postato il
effettivamente...fa un pò di casino....
... l'intestazione per me è regolare, sopra al menu, e ne mantiene la posizione anche a risoluzioni inferiori, e potrebbe quindi essere corretto così...
... il menu responsive per me funziona, basta scrollare la pagina verso sinistra per far apparire la lista sul lato destro, ed i link funzionano...
... ... secondo me, comportamento anomalo, se non è un problema del programma, perchè è il primo caso che vedo, si dovrebbero rivedere le impostazioni adottate, magari rivedendo gli intervalli dei breakpoint, infatti a risoluzioni inferiori a 986 pixel si forma la barra di scroll orizzontale, che nei mobile non si vede ma si può scrollare o stesso per far apparire il menu...
.
...penso si riferisca, anche, al disegno del carrello che finisce sopra al menu ...
... sì, vero; ...non so come sia stata inserita l'immagine del carrello, ma nel caso sarebbe un problema di livello, che non so se previsto dalle opzioni dell'intestazione, ma che può essere portato ad un livello z-index inferiore...
.
Autore
Salve ragazzi, grazie a tutti per le ipotesi.
Premetto che in anteprima funziona tutto correttamente. Non ho cambiato i breakpoint rispetto alla versione precedente che cmq sono quelli suggeriti dallo stesso sw.
Kola non so se stai usando un cellulare ma a risoluzioni inferiori a me sparisce parte della scritta che ho provato anche a rispostare e a portare a distanze diverse.
... il menu responsive per me funziona, basta scrollare la pagina verso sinistra per far apparire la lista sul lato destro, ed i link funzionano...
...in realtà non tutti funzionano (esempio IGIENE e PULIZIA non funziona). Il comportamento cmq è assurdo. Perchè devo sccrollare la pagina a sinistra?? Temo che ci sia un problema con il pulsante "UP" che ora ho provato a togliere riesportando tutto.
... ... secondo me, comportamento anomalo, se non è un problema del programma, perchè è il primo caso che vedo, si dovrebbero rivedere le impostazioni adottate, magari rivedendo gli intervalli dei breakpoint, infatti a risoluzioni inferiori a 986 pixel si forma la barra di scroll orizzontale, che nei mobile non si vede ma si può scrollare o stesso per far apparire il menu...
Si infatti si scrolla anche sul cell. Però i breakpoint sono sempre gli stessi.. Quelli della precedente versione.
... sì, vero; ...non so come sia stata inserita l'immagine del carrello, ma nel caso sarebbe un problema di livello, che non so se previsto dalle opzioni dell'intestazione, ma che può essere portato ad un livello z-index inferiore...
.
Si, infatti, anche l'immagine del gatto sale sopra al menù. Come li ho inseriti? Inserendo immagini nell'header ma non c'è modo di settare il "rilievo" rispetto al menù che, da solo e automaticamente, non dovrebbe rimanere sotto oggetti inseriti nellheader...
Ora sto nuovamente esportando. Vediamo che accade..
Autore
Per essere più precisa, mi riferisco alla I della scritta ACCESSORI
Autore
Magia dell'header
Si tratta di un tentativo con riduzione della finestra del browser..
Autore
Ho parzialmente risolto.
Il fatto che non si visualizzasse correttamente in versione responsive era dovuto a immagini che, incollate sull'intera estensione dell header in versione desktop, non si ridimensionavano nei breakpoint successivi. Così è, quindi ridimensionando a mano le immagini per i vari breakpoint il problema si risolve.
Altra questione, che ritengo sia un bug: se, durante la costruzione dell'header malauguratamente si clicca su "porta immagine in primo piano, questa finirà inevitabilmente per coprire il menu in versione responsive! Occorre quindi lavorare sapientemente con il tasto "porta in secondo piano", agendo prima sulle immagini che si vogliono tenere davanti e poi portando in secondo piano solo quelle da tenere dietro.
Ancora invece non ho capito come mai la I sparisce dalla scritta ACCESSORI..
... purtroppo dovrai attendere gli esperti...
... intanto qualche risultato l'hai ottenuto...
... per quel che noto adesso io, come da te evidenziato, rimane GATTI che non si distanzia da ACCESSORI o che non va a capo, ed i valori del carrello che rimangono in primo piano rispetto all'hamburger...
.
ciao
Autore
Ciao, grazie per la segnalazione. Devo portare in secondo piano anche quelli! Il testo (oggetto titolo) inserito nell'header, così come le immagini, e tutti gli altri oggetti non sono responsive!! Il loro comportamento sfugge ai canoni cui siamo abituati!
Autore
Ho risolto anche l'altro problema e ritengo che anche qui si presentino dei limiti nel sw. Ciò che si vede non è ciò che necessariamente comparirà una volta esportato. Non vi dico cosa significa riuscire ad allinearsi... esportazioni lunghe e infinite (perchè se metti mano all'header devi aspettarti una luuuuuunga esportazione).
In parole povere se si scrive q.sa nell'header con l'oggetto titolo bisogna stare attenti a non ridurre il carattere ridimensionando la finestra ma bisogna agire necessariamente riducendo il carattere, altrimenti quello che ne viene fuori è un'anteprima perfetta ma una situazione reale con lettere troncate. Come vedrete nelle img che ho allegato..
Il menù responsive NON funziona bene: NON sempre si apre correttamente in alcune voci. Non so perchè. Ma so che non dipende da me.