WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Header e Footer non centrati  it

Autor: Vincenzo Errico
Besucht 1839, Followers 2, Geteilt 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!

Gepostet am
10 ANTWORTEN
Incomedia
Riccardo P.
Incomedia

Buongiorno Vincenzo,

nell'ultimo breakpoint, prova a modificare i vari oggetti nel header e nel footer così da centrarli.

Fammi sapere.

Mehr lesen
Gepostet am von Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User

Ciao Vincenzo, che breakpoint hai utlizzzato? Il sito è 1920 px?

Mehr lesen
Gepostet am von #ABCD WebAgency
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von Vincenzo Errico
Incomedia
Riccardo P.
Incomedia

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.

Mehr lesen
Gepostet am von Riccardo P.
Giuseppe Guida
Giuseppe Guida
User

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.

Mehr lesen
Gepostet am von Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Autor

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! 

Mehr lesen
Gepostet am von Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor

Scusa, non su due colonne ma come sono impostati tutti gli altri. 

Mehr lesen
Gepostet am von Vincenzo Errico
Incomedia
Riccardo P.
Incomedia

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.

Mehr lesen
Gepostet am von Riccardo P.