Header e Footer non centrati
Author: Vincenzo Errico
Visited 1864,
Followers 2,
Shared 0
Ciao!
Come da screenshot allegato vi mostro come il contenuto sia nel Header che nel footer (nella foto solo footer) non vengono visualizzati centralmente su alcuni smartphone, anche se nella struttura del modello sono centrati in tutti i breakpoint. Perchè? Nessuno ha riscontrato questo problema?
Grazie mille!
Posted on the
Author
Il sito è http://www.vincenzoerrico.it/
Buongiorno Vincenzo,
nell'ultimo breakpoint, prova a modificare i vari oggetti nel header e nel footer così da centrarli.
Fammi sapere.
io:
https://helpcenter.websitex5.com/en/post/156607
Ciao Vincenzo, che breakpoint hai utlizzzato? Il sito è 1920 px?
Author
Riccardo se li centro forzatamente (già provato) su smartphone con risoluzione minore sono punto e a capo.
Ho due smartphone, un P8 huawei e un iphone 4s, ecco, se lo centro da una parte è decentrato sull'altra. Perché?
Grazie
Buongiorno Vincenzo,
se vai al passo 2 in contenuto header e footer potrai selezionare l'ultimo breakpoint, lì potrai posizionare gli elementi per quella risoluzione.
A risoluzioni inferiori l'header/footer non si riducono edè normale che non siano centrati gli elementi perchè sono stati impostati per quella risoluzione.
Dovresti nel tuo caso scegliere come ultimo breakpoit non per esempio 480px ma più piccolo così da avere il footer centrato per la risoluzione settata.
Vincenzo, come ha detto giustamente Riccardo, devi impostare un breakpoint dopo quello di 480px... Imposta un breakpoint di 350... In pratica il breakpoint di 480 va bene fino al 350 e vedi gli oggetti centrati (a patto però che tu in effetti li abbia centrati manualmente fino a 480), ma dal 350 in sotto devi impostarlo tale breakpoint e poi naturalmente lavorare su quell'ultimo breakpoint per centrare gli oggetti anche per le risoluzioni inferiori a 350. Così dovresti risolvere.
Author
Grazie giuseppe, si è come dici tu, l'avevo già provato ma sta di fatto che poi il break point 480 appare su due colonne ed è un bel casino sugli smartphone che visualizzano su i 480px. Manca la possibilità di far apparire gli ultimi due break point (non solo su l'ultimo) in una colonna unica, quindi non è fattibile la cosa. Peccato!
Author
Scusa, non su due colonne ma come sono impostati tutti gli altri.
Buongiorno Vincenzo,
se per esempio hai gli utlimi breakpoint a 480px e l'altro a 900px, se vuoi che anche il penultimo si comporti come l'ultimo, l'unica è quella di eliminare il breakpoint da 480px così che quello da 900px diventi l'ultimo. e così da 900px in giù si comporti tutto per la visualizzazione responsive.