WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Header e Footer non centrati  it

Autore: Vincenzo Errico
Visite 1870, Followers 2, Condiviso 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!

Postato il
10 RISPOSTE
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.

Leggi di più
Postato il da Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User

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

Leggi di più
Postato il da #ABCD WebAgency
Vincenzo Errico
Vincenzo Errico
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User
Autore

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! 

Leggi di più
Postato il da Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autore

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Riccardo P.