Autore Topic: logo mobile  (Letto 342 volte)

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
logo mobile
« il: 20 Ott 2017, 11:01:20 »
Salve a tutti.

Se visitato il sito di cui mi occupo e restringete gradualmente la finestra del browser, noterete che ho un logo un po'... "ballerino".
Dove sta il problema?
E' un problema di position? Di padding? Di "non responsivitÓ"?
Grazie

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 2893
  • Sesso: Maschio
    • Mostra profilo
Re:logo mobile
« Risposta #1 il: 20 Ott 2017, 11:10:45 »
ehmm, cof cof, emmh, scusa l'ignoranza, ma qual'Ŕ il tuo sito?

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
Re:logo mobile
« Risposta #2 il: 20 Ott 2017, 14:21:23 »
Hai ragione...
Il sito Ú questo pfsi.it
Ma comunque lo vedi sotto il mio avatar...  ;)

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18278
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:logo mobile
« Risposta #3 il: 20 Ott 2017, 14:26:31 »
non noto nessun effetto "don lurio"
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12625
  • Sesso: Maschio
    • Mostra profilo
    • tonicopi su google
Re:logo mobile
« Risposta #4 il: 20 Ott 2017, 14:48:04 »
Ciao Maria Rosaria, anch'io vedo il logo perfettamente ad ogni risoluzione.

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
Re:logo mobile
« Risposta #5 il: 20 Ott 2017, 15:31:53 »
Nooo... State scherzando vero?


In allegato alcuni printscreen su vari dispositivi da cui ho provato:
Sia quando il logo era per esteso (Piccoli Fratelli e Sorelle dell'Immacolata)
Sia dopo averlo rimpicciolito (Piccoli Fratelli sfondo bianco) per provare se il problema era dato da una questione di "misura" (o meglio, di lunghezza)

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18278
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:logo mobile
« Risposta #6 il: 20 Ott 2017, 15:38:01 »
browser usato?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
Re:logo mobile
« Risposta #7 il: 20 Ott 2017, 16:56:19 »
Sia chrome che firefox  ???

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18278
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:logo mobile
« Risposta #8 il: 20 Ott 2017, 18:18:39 »
che dirti, con firefox non noto niente di strano.....magari le tue versione dei browser sono datate oppure semplicemente il computer....
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
Re:logo mobile
« Risposta #9 il: 20 Ott 2017, 19:00:41 »
Beh, comunque mi pare molto strano...
Browser aggiornati, ho provato dal cellulare mio, da quello di altri...
Mah...  :o ???
Quindi mi confermate che rimpicciolendo la finestra sta sempre centrato sia in verticale che in orizzontale e rimane all'interno della barra blu?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18278
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:logo mobile
« Risposta #10 il: 20 Ott 2017, 21:39:08 »
Si, c'Ŕ solo un punto dove sparisce del tutto.
prova ad usare una estensione per firefox che si chiama "Web Developer", troverai una funzione che ti permette di visualizzare il sito nei vari formati di monitor, dopo che li avrai configurati.

Questa estensione inoltre ti permetterÓ di agire direttamente sulle media query in maniera chirurgica.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Limma

  • Appassionato
  • ***
  • Post: 551
  • Sesso: Maschio
    • Mostra profilo
Re:logo mobile
« Risposta #11 il: 20 Ott 2017, 21:46:04 »
Quindi mi confermate che rimpicciolendo la finestra sta sempre centrato sia in verticale che in orizzontale e rimane all'interno della barra blu?

No, con uno smartphone in posizione "orizzontale" il logo non viene visualizzato nella barra blu, ma compare scrollando la pagina, e compare sulla destra appena sotto la barra del menu.
Ho provato con vari smartphone e diversi browser mobili.
Stesso risultato anche con la "modalitÓ di visualizzazione flessibile" di Firefox e con gli equivalenti tool di Chrome.

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
Re:logo mobile
« Risposta #12 il: 20 Ott 2017, 22:56:50 »
Ecco, infatti Ú proprio questo che intendevo.
Utilizzo giÓ questi strumenti, ma ho fatto diverse prove e non capisco dove devo andare ad intervenire...

Offline mariarosaria

  • Esploratore
  • **
  • Post: 127
  • Sesso: Femmina
  • Piano piano... ...imparo...
    • Mostra profilo
    • FraternitÓ Maria Immacolata
Re:logo mobile
« Risposta #13 il: 21 Ott 2017, 14:24:06 »
Piccoli progressi...
Ho aggiunto a questo codice giÓ esistente:

Codice: [Seleziona]
/* Only phones */
@media (max-width: 767px) {
  .tm-navbar {
    margin: 0 -25px 25px -25px;
    border-width: 0 0 1px 0;       
  }

La voce:

Codice: [Seleziona]
display: contents;
Adesso fino a 360 pixel ci siamo.
Da 359 px in gi¨, prima scatta verso il basso e poi si rimpicciolisce, ma in maniera eccessiva.

Si riesce a farlo rimpicciolire, ma in maniera graduale (e senza quel noiosissimo scatto verso il basso?)

Un'altra cosa... come faccio a "staccare" i due elementi (menu lineette e logo) in modo che il menu rimanga fisso a sinistra e il logo sia centrato?
Ci sono riuscita soltanto una volta durante la varie prove online, ma poi ho aggionato la pagina e non riuscivo pi¨ a capire cosa avevo fatto!

 

Torna su