WebSite X5Help Center

 
Ettore P.
Ettore P.
User

Sticky bar logo a sinistra  it

Autor: Ettore P.
Visitado 995, Followers 1, Compartido 0  

Buon pomeriggio, esiste la possibilità di avere il logo sulla sticky bar in una posizione che sia uguale in tutti i break point?

Ho inserito un logo a sx e per ogni break point l'ho distanziato di 60 px da sx in modo da averlo sempre a fianco dell'hamburger bar.

Noto però che nei vari break points viene visualizzato a distanze differenti. Sbaglio qualcosa?

Ho anche provato a creare una immagine png lasciando vuoto 60px a sx e tale immagine l'ho posizionata a 0px da sx nella sticky ma il risultato non cambia.....

Codice extra?

Altri modi per aver un logo distante sempre 60 px dal bordo SX della finestra in ogni visualizzazione?

Publicado en
11 RESPUESTAS - 2 úTIL - 1 CORRECTO
Mirko Boschetti
Mirko Boschetti
Moderator

mi sembra strano... ma se lo tiri/sposti in ogni breackpoint nella posizione che vuoi tu, non ci rimane?

Leer más
Publicado en de Mirko Boschetti
Ettore P.
Ettore P.
User
Autor

No, come si vede dagli screenshot allegati. Come dici tu, la cosa è strana,vero?

Leer más
Publicado en de Ettore P.
Giancarlo B.
Giancarlo B.
User
Usuario del mes IT

Ciao Ettore è il funzionamento di website, l'unica per rendere meno evidente il problema è inserire più breackpoint intermedi.

In teoria anche il comportamento dell'hamburger menù dovrebbe essere identico, solo che hai utilizzato del codice che lo fissa all'estremo.

Leer más
Publicado en de Giancarlo B.
Ettore P.
Ettore P.
User
Autor

Ciao Giancarlo, a parte i break points intermedi, hai qualche altra idea, che so, sfondo header fisso con altessa 50px in cui inserire il logo come immagine png posizionata a sx e ad uno z-index che non lo faccia coprire quando arriva la stiky? (la sticky bar anche senza logo mi servirebbe per avere uno sfondo bianco che renda visibile meglio l'hamburger arancio)

Leer más
Publicado en de Ettore P.
Fabio C.
Fabio C.
User

Ma se il logo lo distanzi di 60px su tutti i breakpoint è chiaro che la distanza vari, distanzialo a mano a occhio o in proporsione/percentuale al breakpoint, ipotizando che il breakpoint iniziale sia a 1400 e il secodo è a 700 il primo avrà distanza 60px il secondo 30, comunque se lo regoli a occhio non ti sbagli.

Leer más
Publicado en de Fabio C.
Ettore P.
Ettore P.
User
Autor

Ok, provo a verificare il vecchio post di Giancarlo e provo anche a impostare la proporzione, nei vari break points vedo se mi avvicino, grazie mille.

Leer más
Publicado en de Ettore P.
Giancarlo B.
Giancarlo B.
User
Usuario del mes IT

se vioi il codice Ettore lo recuperi facilmente dalla pagina che ti ho linkato ctrl+u è anche commentato.

Ciao

Leer más
Publicado en de Giancarlo B.
Ettore P.
Ettore P.
User
Autor

Grazie mille, Giancarlo. Ho risolto col tuo codice:

#imHeaderBg{position:fixed; width: 100%; top: 0px; height: 50px; left: 60px; z-index:10399;}

Ho assegnato uno z-index di un punto inferiore a quello del menu hamburger (anche se i due oggetti non si sovrappongono mai).

Leer más
Publicado en de Ettore P.
Giancarlo B.
Giancarlo B.
User
Usuario del mes IT

Ottimo...mi fa piacere, ciao

Leer más
Publicado en de Giancarlo B.