Visualizzazione smartphone diversa su Safari e su Chrome del mio sito pubblicato 
Autore: Giuliano A.
Visite 215,
Followers 1,
Condiviso 0
Buongiorno websitex5 comunity, ho fatto il mio sito www.ora-web.it e dopo la publicazione ho notato che su Safari appare una striscia bianca a destra, invece su Chrome non succede. Ho revisionato battute, spaziature, misure di ogni elemento inserito, ecc. Ho fatto di tutto e niente, il problema persiste. Come mai devo lottare con questo, non dovrebbe essere responsive? Sono sfinita, mi date una mano, Please?
Url: https://www.ora-web.it/index.html e screenshots delle due visualizazioni
Postato il
Buongiorno Giuliano,
quale iPhone e versione di Safari hai utilizzato per visualizzare il sito?
Hai già provato a effettuare una pulizia del browser per assicurarti di non stare visualizzando una versione del sito rimasta in memoria, precedente magari ad alcuni ritocchi responsive?
Resto a disposizione.
... ...... controlla anche di non aver attivato uno zoom di pochi pixel....
... il contenuto dello STAMP 2 è più grande del primo...
... il problema si potrebbe verificare sotto ai 335px...
... nel caso controlla il contenitore degli oggetti sia di quello in HEADER che anche di quello nel FOOTER, il qui margine destro esce o un po' fuori layout...
.
ciao
.
.
Autore
Grazie KolAsim, guarda i contenuti sia del footer che della header, non ho applicato animazioni ni effetti. Pensi che possa influenzare la sticky bar? Se si, ti mando gli screenshots. Fammi sapere, Ersilia
Autore
Il problema era externo al sito. Grazie KolAzim!
... ottimo! ...
... ciao
.
Autore
Comunque c'è qualcosa sul sito ora web che non va! Guardando questo sito fatto anche da me con website x5 su safari in entrambi le visualizazzioni non da la striscia bianca. Allora Non capisco dov'è il problema. Attendo
... io avevo controllato sotto ai 335px...
... prova a vedere in header e footer la cornice del contenitore degli oggetti che va di qualche pixel oltre sulla destra...
Autore
Lo sticky bar è largo 320 ma non so come aggiustare la larghezza, ho sempre agito sulla altezza. Puo essere quello il problema? Grazie
Finalmente un sito bello!Complimenti!! Allora ho provato con i-phone 16 plus nessun problema. Mandato in pasto sulla simulazione al PC ci sono un paio di cose che non mi convincono ma potrebbe dipendere da Firefox con cui ho provato: modulo contatti leggermente decentrato e il footer da rivedere perchè l'oggetto potrebbe stare fuori dall'area di lavoro.
... ho ricontrollato, la cornice del contenitore degli oggetti nel HEADER ed anche quella del FOOTER, dico la cornice, sborda sulla destra del layout...
... in HEDAR mi pare che non dipenda dagli oggetti contenuti ma proprio dalla conice...
... nel FOOTER c'è questo oggetto testo che sborda:
Ora Group di H. Petrizzo
P. IVA IT01769340082
.
ciao
.
Buongiorno Giuliano,
per chiarire, qual è la situazione attuale di ciò che visualizzi, è nuovamente quella del primo screenshot?
Avevi poi risposto "ecco il colpevole! avevo messo la visualizzazione sulla A maiuscola su safari. :/
Il problema era externo al sito. Grazie KolAzim! ", lo scorrimento orizzontale risulta invece ora visibile anche senza questa visualizzazione?
Quale iPhone e versione di Safari hai utilizzato per visualizzare il sito, rispetto ad esempio all'iPhone 16 di Roberto che non ha riscontrato anomalie?
Hai già provato a effettuare una pulizia del browser per assicurarti di non stare visualizzando una versione del sito rimasta in memoria, precedente magari ad alcuni ritocchi responsive?
Buongiorno Ersilia,
la cosa si presenta quindi solamente usando la modalità di zoom del testo, mentre con la vista standard non ci sono scorrimenti?
In tal caso è probabile che la cosa sia legata alle dinamiche di ingrandimento usate da Safari, e a qualche differenza nel layout degli oggetti rispetto ad altri siti, che lo fa emergere in questo sito in particolare.
Nel progetto non si evidenziano infatti elementi fuori dalle rispettive aree di lavoro.
Autore
Grazie Eric, uso un iPhone 14 Plus e ho visto che proprio ieri è stata rilasciata la versione iOS 26.3.1. Aggiorno il sistema, riprovo e ti faccio sapere.
Insisto su questo punto perché voglio consegnare lavori che garantiscano un sito pienamente responsivo su tutti i browser.
Grazie Ersilia
Buongiorno,
ho verificato con un iPhone 11 Pro a disposizione, e né nella vista default né attivando lo zoom risultava visibile uno scorrimento orizzontale che portava alla presenza della barra bianca.
ciao Giuliano, io purtroppo non scarico, e per sicurezza ti ho oscurato il Post, che resta a disposizione per lo STAFF...
... non ho dispositivi i(!), ...ma da quel che ricordo dal mio precedente controllo, la StickyBar mi pare che non influiva sul problema...
... verificando adesso noto che il problema che avevo intercettato prima persiste...
... se non hai ottenuto soluzione agendo sulle maniglie degli oggetti, e se ti interessa, ....con un mio semplice codice basico, senza AI(blabla), si potrebbe risolvere quel problema al di sotto dei 480px con un click, penso valido anche per gli schermi ridotti dei vecchi telefonini...
... se nel caso vuoi procedere per provare l'effetto con il mio codice, ...lo potrai verificare online solo tu, ...avvisami...
.
ciao
.
Autore
Grazie KolAsim, certo che voglio!
Domanda, posso usarlo su lavori successivi per non riscontrare di nuovo questo problema?
Ho un paio di siti da fare e non vorrei stare giorni a vedere dove trovo il pixel in eccesso.
Ancora Grazie: Ersilia la moglie di Giuliano :)
.... OK ... …. il mio codice è innocuo, agisce solo sotto ai 480px, e lo puoi usare per strutture simili se ti si presentano problemi simili, non è impegnativo...
… per applicarlo in tutte le pagina del Sito in un colpo solo, incolla il codice al >> Passo_1 | Statistiche e Codice | scheda Codice | Codice personalizzato >opzione: Prima della chiusura del tag /HEAD:
<style>
@media(max-width:480px){
#imHeaderObjects, #imFooterObjects, #imFooterObjects *{width:auto !important}
#imFooterObjects .template-object-wrapper{width:220px !important; margin-left:50% !important;left:-110px !important}}
</style>
... quando e se l'avrai applicato se mi avvisi rifarò un mio controllo...
.
ciao
.
Autore
Grande KolAsim!!!! Codice inserito e non sborda nulla
mi sento meglio
Ti ringrazio davvero, sei sempre gentilissimo.
Ersilia (la moglie di Giuliano)
PS. Posso chiedere cosa significa KolAsim?
... scusami, eppur lo avevi detto anche prima...
... ed ormai puoi anche chiudere...
... mi hai fatto ricordare una mia ormai fu cara zia, ti ringrazio...
...
... ottimo! ...ho fatto l'ultimo controllo online, codice corretto ed adesso è OK...
..
grazie a te per il riscontro...
.
ciao
.
Autore
Grazie a tutti, problemma risolto.
Non so chiudere il topic, qualcuno passi la chiave per favore...
... ottimo! ... ... puoi cliccare sull'icona V verde
a fianco dell'igranaggio 
a destra in basso del Post che ritieni ti sia stato utile per la soluzione, assegnando così "risposta corretta...
.
ciao
.