WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Header e Footer non centrati  it

Autor: Vincenzo Errico
Visitado 1840, Seguidores 2, Compartilhado 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!

Publicado em
10 RESPOSTAS
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.

Ler mais
Publicado em de Riccardo P.
#ABCD WebAgency
#ABCD WebAgency
User

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

Ler mais
Publicado em de #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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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! 

Ler mais
Publicado em de Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Ler mais
Publicado em de 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.

Ler mais
Publicado em de Riccardo P.