Autore Topic: logo mobile  (Letto 1513 volte)

Offline mariarosaria

  • Esploratore
  • **
  • Post: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
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: 5079
  • 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: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
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: 19812
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
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: 12763
  • Sesso: Maschio
    • Mostra profilo
Re:logo mobile
« Risposta #4 il: 20 Ott 2017, 14:48:04 »
Ciao Maria Rosaria, anch'io vedo il logo perfettamente ad ogni risoluzione.
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline mariarosaria

  • Esploratore
  • **
  • Post: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
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: 19812
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
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: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
Re:logo mobile
« Risposta #7 il: 20 Ott 2017, 16:56:19 »
Sia chrome che firefox  ???

Offline giusebos

  • Fuori controllo
  • *
  • Post: 19812
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
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: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
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: 19812
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
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

  • Abituale
  • ****
  • Post: 1066
  • 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: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
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: 182
  • Sesso: Femmina
  • Comincio a capire...
    • Mostra profilo
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!

 

Host

Torna su