Problema visualizzione sito
Author: Alessandro Z.Buongiorno, ho quasi completato il mio sito internet http://www.tendedasoleverona.com/ , fatto completamente con website x5 v13 però sin dall'inizio non ho mai capito come mai mi compare la barra di scorrimento orizzontale quando è stato impostato tutto perfettamente,sia immagini che dimensioni del sito tutto su 1920 pixel che sarebbe la dimensione del mio monitor. Stessa cosa mi succede anche quando lo visualizzo da un cellulare iphone6, che il sito scorrendo verso il basso mi si sposta anche verso destra e sinistra. Vorrei poter sistemare una volta per tutte questo problema almeno al livello responsive in quanto vorrei che fosse come tutti gli altri siti responsive che scorrono solo verso l'alto ed il basso e non a destra e sinistra.
Grazie
... hai messo i breakpoint a 1920, 1500, 1024, 600, 480 pixel, quindi è ovvio che nelle finestre intermedie tra quei valori si formi lo scroll orizzontale...
... barra menu troppo estesa, si vedrà alla massima risoluzione...
.
Author
Cioè troppo estesa cosa intendi?
la larghezza dei pulsanti del menù copre l'estensione massima di 1920 px. questo vuole dire che se visualizzi il sito ad una risoluzione più bassa (prova a ridurre la finestra del tuo browser) non vedrai più il menù ma solo "l'Hamburger" (vedi allegato).
io ti dico come faccio di solito io, poi libero di fare come vuoi. Imposto la risoluzione massima del desktop a 980, che copre praticamente tutti i pc e poi sul responsive lascio le classiche 720 e 480 (tablet e smartphone), spuntando la funzione responsive.
in questo modo il sito si adatterà al 99% dei device.
Author
Ok, difatti quello lo avevo capito. però per togliere quella barra di scorrimento orrizontale che mi ritrovo sempre come devo fare? ad esempio a risoluzione 1920 del mio pc e con il sito impostato a 1920 mi rimane questa barra di scorrimento anche se effettivamente non c'è nulla. Vi allego una foto.
... ti si forma perchè si attiva lo scroll verticale essendo la pagina sviluppata oltre finestra in basso, quindi ruba pixel lateralmente...
...!.. nessuno guarda a quella risoluzione, se non pochissimi...!...
... comunque, prova ad assegnare al sito una larghezza adeguata, per esempio 1900 o 1880 pixel ...
... oppure, in EXTRA! ...nel pannello ESPERTO | prima della chiusura di HEAD, incolla:
<style>@media(min-width:1880px){body{overflow-y:hidden}}</style>
.
Author
Sei un grande Kol... avevo chiesto anche tempo fa e nessuno era riuscito a risolvermi il problema. ho voluto farlo ad una risoluzione così elevata perchè la tendenza sarà sempre quella di avere una risoluzione più elevata ed almeno per qualche anno sarò tranquillo con il sito. Poi ci sono i vari punti inferiore di break. Cmq grazie
Author
Cmq Kol con il codice fornito da inserire in Esperto, mi toglie completamente la possibilità di scorrere verso il basso, non si vedono più la barra di scorrimento verticale.
... scusa, ho sbagliato barra, (y) al posto di (x); ...allora prova con questo:
<style>@media(min-width:1880px){body{overflow-x:hidden}}</style>
.
ciao
Author
Ciao Kol, alla fine andando ad inserire una risoluzione inferiore mi rimane sempre la barra di scorrimento orizzontale. Anche usando il tuo codice però sono arrivato al punto di lasciarlo com'è altrimenti mi si modifica tutto ogni volta. Grazie cmq dell'aiuto.
...sì, sempre meglio non toccare/alterare, ed era fatto per il problema alla risoluzione iniziale...
... per valori intermedi di tuo interesse, si potrebbe replicare e variare il valore da considerare...
... ma devi prestare attenzione perchè potresti rendere non visibili elementi importanti, e meglio evitarlo...
.
ciao