Header decentrato 
Autore: dario G.
Visite 792,
Followers 2,
Condiviso 0
salve,
nella risoluzione smartphone mi resta il contenuto dell'header decentrato, spostato a sinistra, nonostante sia nel programma, sia nell'anteprima, sia tutto centrato, vi allego foto, specialmente il carrello si vede malissimo
Postato il
Ciao Dario bisognerebbe valutare effettivamente da smartphone con sito online, restringendo il browser del PC per simulare uno smartphone non è la stessa cosa.
... puoi comunque migliorare la situazione inserendo un ulteriore breakpoint inferiole ai 480px (esempio 320px) da valutare naturalmente sempre online.
Ciao.
Se mette un link sarebbe meglio. Non vorrei che avesse degli oggetti fuori dall'header. Hai provato a vedere in ANALAISI/Ottimizzazione se hai degli oggetti fuori?
Autore
ciao, grazie intanto per le risposte,
vi allego il link del sito, una delle 2 immagini allegate, è cmq lo screenshot del mio smartphone, (la riallego), quindi sito online
https://www.shoppers-personalizzate.it/index.html
avevo già provato a vedere in ANALAISI/Ottimizzazione, ed è tutto ok, la cosa strana è che è solo l'header e il footer a fare quell'effetto la parte centrale del sito no, è centrata
Autore
per il brakpoint, non vorrei sbagliare, ma l'unica cosa che mi venga in mente è che il mio smartphone veda la risoluzione 600px troppo grande e aggancia la 480 che magari è troppo piccola, non credo che una risoluzione ancora più piccola migliori le cose, forse un prekpoint tra 480 e 600, che ne pensate??
più piccola non per una questione di risoluzione smartphone, ma per una gestione di website, comunque basta provare.
Ciao.
... l'HEADER è decentrato come da impostazioni applicate...
... 720>+ ... allineato a sinistra
... 720< > 480 ... allineato al centro (!)
... 480<- ... allineato a sinistra
.
... ovviamente, o si impostano i parametri corretti o voluti, ... oppure si può risolve con codice EXTRA...
.
Autore
allora, KolAsim, nelle impostazioni in struttura modello/header, nelle impostazioni del 480, fino a ieri sera avevo impostato "alto a sinistra", ieri sera ho messo "alto" , però non è cambiato nulla, non sono sicuro però che sto parlando delle stesse impostazioni che mi hai segnalato tu...allego foto
Autore
dimenticavo, ho anche un altro sito con le stesse impostazioni, la situazione li è un pelino meglio, ma poco
https://www.busteecarta.it/index.html
... dovrebbe esserci anche opz. alto/centro, oppure distribuire quel contenitore in larghezza a filo dell'header...
...devi giostrarti con le opzioni previste per quelle fasce, breakpoint per reakpoint...
... invece se vuoi risolvere all'istante e senza stress puoi incollare questo codice:
<style>
#imHeaderObjects {position:relative;margin:auto !important }
</style>
.
Autore
ho provato anche centro destra, ma non succede nulla...il codice che mi hai dato, potresti dirlo dove va inserito??
non ne ho idea
Passo 1 impostazioni>>> statistiche e codice>>> codice>>> prima della chiusura del tag head
... va incollato nella sezione Esperto, cioè qui:
>> Passo 1 - Impostazioni > Statistiche e Codice > I comandi della Sezione Codice | ▪Codice personalizzato: > 3^opzione > Prima della chiusura del tag HEAD
.
Autore
grazie, ma scusa la mia ignoranza, mettendolo li, non mi va a centrare l'header di tutte le risoluzioni???
a me serve centrare solo la 480px e inferiori, è possibile personalizzarlo per quella risoluzione???
grazie ancora
... hai provato...?... ...lo puoi sapere immediatamente...
... al limite, se non ti va, si può condizionare a 480<-
.
... nel caso prova con questo:
<style>
@media(max-width:479px) {
#imHeaderObjects {position:relative;margin:auto !important}}
</style>
.
Autore
grandeee perfetto funziona, è troppo chiedere la stessa cosa per centrare anche il footer???
Autore
fatto da solo grazie mille lo stesso