PROBLEMA STICKY BAR SU SMARTPHONE
Autore: Luca L.
Visite 1963,
Followers 2,
Condiviso 0
Salve a tutti,
ho installato da poco la versione 17 di wsx5. Tutto perfeto tranne che per un dettaglio:
Ho inserito la sticky bar sempre visibile in tutte le visualizzazioni e formati. Però quando dal telefono (iphone) passo dalla modalità orizzontale a quella verticale (o viceversa) la sticky bar non si adatta alla pagina e resta della lunghezza invertita. Il problema si risolve facendo un refresh della pagina dal telefono, ma non credo sia questa la soluzione.
Qualcuno potrebbe suggerirmi una soluzione?
Ecco il link del sito: www.piscinaivest.it
Grazie tanto
Postato il
... su uno smartphone "normale" !!! ...funziona a regola...
... aggiornare il browser, o provare con altro browser recente e valido...
.
Autore
Ahaha KolAsim ricordo ancora il tuo amore per Apple in altre discussioni....... ;-)
Ad ogni modi sarebbe bello si potesse fare qualcosa anche per i possessori di telefoni "ANORMALI".
Nel frattempo esiste un codice che blocca la barra dei menu senza utilizzare la stiky bar?
In una delle vecchie versioni di wsx5 usavo questo codice per bloccare:
<meta name="format-detection" content="telephone=no" />
<style type="text/css">
#imHeader {position: fixed; z-index: 50;}
#imMnMn {position:fixed; z-index:50;}
#imContent, #imContentGraphics {padding-top: 70px; }
</style>
Ma sulla versione 17 non funziona più bene....
Aiuto!!
Autore
Ho provato a scaricare anche Chrome su iphone ma il problema si verifica lo stesso.
... ))) ... x normale! ......
... putroppo sono senza programmi e né PC...
... sul fatto del resize, in altre occasioni mi era capitato di notare la necessità di un refresh per la sistemazione della pagina; ... se ti interessasse provare ti passo il mio codice, (ev. in azione >qui)...
.
Autore
Grazie KolAsim, per il momento mi servirebbe solo un codice che blocchi la barra dei menu in modo da non dover usare la sticky bar.
... prova a vedere cosa otterresti con questo codice:
<style>
#imStickyBarObjects, #imStickyBarGraphics {display:none}
#imHeaderObjects {position:fixed; width:100% !important}
#imHeader_imObjectImage_14_wrapper {margin-left:auto !important; margin-right:auto !important}
</style>
.
Autore
Grazie KolAsim, con il codice che mi hai scritto la barra dei menù vieni giustificata tutta a sinistra e poi finisce in secondo piano, quindi quando si scorre verso il basso scompare subito.
Grazie lo stesso, sei sempre gentilissimo!
... sono andato a controllare, ma non ho visto applicato il codice extra...
Autore
L'ho cancellato perché non andava bene....
... ho controllato nuovamente... ... nisba! ...
Autore
Devo rimetterlo?
... se hai già verificato tu e ne sei sicuro, allora lascia perdere...
Autore
Con questo codice ho risolto parzialmente il problema, l'unica cosa che anora non va bene è che tutte le parti del menu (ham e logo) le giustifica a sx, mentre io le vorrei al centro.
<style type="text/css">
#imHeaderBg{position:fixed;top: 0px; z-index:10002;}
#imHeader{position:fixed;top: 0px; z-index:10002;}
</style>
sp
Autore
RISOLTO CON QUESTO:
<style>
/* impostazioni menù, header e sfondo intestazione */
#imHeaderBg{position:fixed; top: 0px; z-index:10;}
#imHeader{position:fixed; width: 100%; top: 0px; z-index:10; }
#imMnMn{ position:fixed; top: 30px; z-index:10;}
</style>
ADESSO FUNZIONA BENE!!
... visto, è OK anche così...
Buongiorno Luca,
hai provato con un nuovo progetto per verificare se ti succede? Se si prova a esportare il nuovo progetto in una sotto cartella così da poter verificare. Comunicami anche che versione del brwoser stai usando.
Nel tuo progetto ormai hai inserito dei codici, dovresti provare a toglierli così che possa verificare l'anomalia.
Fammi sapere.