Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : sydbarret 20 Feb 2014, 12:39:57

: [Risolto]Cambiare logo per dispositivi mobile
: sydbarret 20 Feb 2014, 12:39:57
Salve ragazzi, utilizzo un template responsive  (vertex shape 5)  e ho necessità che sotto un certo numero di pixel cambi logo. Qualcuno potrebbe aiutarmi?
: Re:Cambiare logo per dispositivi mobile
: jarhead76 20 Feb 2014, 15:33:17
Non so come funziona vertex, ma dovresti inserire nel file css delle stringhe che collegano il logo ad un'altra immagine in particolare se per smartphone dovresti inserire
:
@media (max-width: 320px) {
.logo {
background; url nuovo logo;
}
}
Questo è solo un esempio, devi vedere nel tuo template come è collegato il logo.[/code]
: Re:Cambiare logo per dispositivi mobile
: sydbarret 20 Feb 2014, 23:47:48
Grazie della risposta.
Ti posto il link del sito in costruzione: www.mondopresepe.it.

Ho provato ad apportare la modifica nel file s5_responsive.css ma credo di sbagliare nel richiamo del logo:


#s5_logo{


.s5_logo{


Riesci a capire come poterlo richiamare?
: Re:Cambiare logo per dispositivi mobile
: jarhead76 20 Feb 2014, 23:53:28
Dando un occhiata a vertex direi #s5_logo, ricordati che devi usare le media query per cambiarlo solo sui dispositivi mobili, tra i css non esiste un file del tipo custom.css?
: Re:Cambiare logo per dispositivi mobile
: sydbarret 21 Feb 2014, 00:05:18
Ti ringrazio per la disponibilità. In realtà non mi serviva solo per i dispositivi mobile. Mi va bene sotto i 300 px.
Comunque ho risolto con la prima opzione che mi hai dato. Ho dovuto cancellare più volte la cache.



@media screen and (max-width: 300px){

        #s5_logo {
   background:url("....");

   }

Il file custom.css è presente. Nel caso in cui volessi cambiare solo per i dispositivi mobile che modifica dovrei apportare?
: Re:Cambiare logo per dispositivi mobile
: jarhead76 21 Feb 2014, 00:11:28
Direi che per smartphone va bene quella che ti ho fornito come esempio, le modifiche o aggiunta di classi css, ti consiglio di farle in custom.css, cosi se ricevi aggiornamenti del framework puoi salvare le tue personalizzazioni.
: [Risolto]Cambiare logo per dispositivi mobile
: sydbarret 21 Feb 2014, 00:16:42
Interessante. Non lo sapevo.
Quindi quella modifica che mi hai suggerito posso inserirla direttamente nel file custom.css?

: Re:Cambiare logo per dispositivi mobile
: jarhead76 21 Feb 2014, 00:18:33
Sicuramente sarà un file vuoto, comunque la risposta è si, ormai quasi tutti i framework hanno quel file per le personalizzazioni.
: Re:[Risolto]Cambiare logo per dispositivi mobile
: sydbarret 21 Feb 2014, 00:19:34
Si esatto.
Ti ringrazio ancora. Molto esaustivo e professionale.
: Re:[Risolto]Cambiare logo per dispositivi mobile
: jarhead76 21 Feb 2014, 00:21:01
Di niente, buon lavoro  ;)