WebSite X5Help Center

 
Stefano L.
Stefano L.
User

Centratura responsive larghezza minore di 480 px  it

Autore: Stefano L.
Visite 1022, Followers 1, Condiviso 0  

Buongiorno a tutti,

vorrei sottoporvi questo mio problema riscontrabile qui su visualizzazione da smartphone.

Quando si carica la pagina nella modalità responsive Smartphone INFERIORE a 480 px, questa appare centrata alla larghezza predefinita dell'Header e Footer:

quindi con questo risultato (screenshot fatto da smartohone):

Se col dito scorro da sinistra verso destra, il margine sinistro è sempre allineato con il margine del display dello smartphone.

Se col dito scorro da destra verso sinistra, il tutto non rimane più centrato ma si allinea al margine destro del'immagine contenuta nell'Header che volutamente è larga 450 px e, per ricentrare il tutto bisogna fare il refresh:

ESISTE UN CODICE PER FORZARE LA CENTRATURA della STRUTTURA DEL MODELLO?

GRazie

Stefano

Postato il
10 RISPOSTE - 1 UTILE - 1 CORRETTO
Fabio C.
Fabio C.
User

Hai qualche oggetto che esce dall'area di lavoro in quel breakpoint

Leggi di più
Postato il da Fabio C.
Stefano L.
Stefano L.
User
Autore

Ciao Patrizia,

ho pensato anche io fosse quello il problema ma non riesco ad individuarlo con la selezione degli oggetti (partendo dall'esterno dell'area di lavoro nella risoluzione < di 480 px).

Non so come fare per identificarlo....

Patrizia B.
Hai qualche oggetto che esce dall'area di lavoro in quel breakpoint
Leggi di più
Postato il da Stefano L.
Stefano L.
Stefano L.
User
Autore

Intendi qualche oggetto ESCLUSA "l'immagine che è contenuta nell'Header che volutamente è larga 450 px" ?

Leggi di più
Postato il da Stefano L.
Fabio C.
Fabio C.
User

Si, potrebbe essere anche nel footer

Leggi di più
Postato il da Fabio C.
Stefano L.
Stefano L.
User
Autore

Ho controllato, ma non rilevo nulla sempre esclusa l'immagine da 450px nell'Header e una da 366px nel Footer...

Leggi di più
Postato il da Stefano L.
Claudio D.
Claudio D.
Moderator
Stefano L.
 non rilevo nulla sempre esclusa l'immagine da 450px nell'Header ...

penso che la risposta sia lì...

Leggi di più
Postato il da Claudio D.
Stefano L.
Stefano L.
User
Autore

Ciao Claudio, quindi non è possibile fuoriuscire dai margini dell'area di lavoro?

Leggi di più
Postato il da Stefano L.
Claudio D.
Claudio D.
Moderator
Stefano L.
Ciao Claudio, quindi non è possibile fuoriuscire dai margini dell'area di lavoro?

se esci ti apparirà la barra orizzontale che ti evidenzia che ci sono oggetti più a destra... come ti sta capitando...

Leggi di più
Postato il da Claudio D.
Stefano L.
Stefano L.
User
Autore

Ok, tutto chiaro Claudio.

Penso di aver risolto giocando con lo sfondo della Pagina/Header e lo sfondo del Footer.

Appena termino di pubblicare valuto e poi lascio un post di conferma...

Claudio D.
Stefano L. Ciao Claudio, quindi non è possibile fuoriuscire dai margini dell'area di lavoro? se esci ti apparirà la barra orizzontale che ti evidenzia che ci sono oggetti più a destra... come ti sta capitando...
Leggi di più
Postato il da Stefano L.
Stefano L.
Stefano L.
User
Autore

Confermo che chi possiede la versione Evo e non la Pro (quindi non può aggiungere breakpoint al di sotto di quello <480px) può ovviare al problema impostando come sfondo dell'header e footer un immagine più larga di 320 px SPUNTANDO l'opzione ESTENDI ALLA LARGHEZZA DELLA FINESTRA DEL BROWSER.

Ovviamente le immagini contenute negli sfondi non vanno rinserite nell'Header e nel Footer e gli oggetti contenuti non devono sbordare dai margini dell'area di progettazione.

In questo modo, quando si trascina da destra verso sinistra o viceversa lo schermo rimane fisso e non fa movimento orizzontale (non genera la barra orizzontale di scorrimento). Nel caso si "pizzichi" lo schermo per rimpicciolire, quando si lascia, i margini dell'intero contenuto si ricentra con i margini del display dello smartphone.

Stefano.

Leggi di più
Postato il da Stefano L.