[RISOLTO] Logo Gantry responsive

[Rasjah]

Ciao a tutti,

Il problema è questo devo centrare e rendere responsive il logo che ho messo nella posizione -header-, all'interno del template Gantry.

Per centrarlo no-problem, con margin-left:auto e margin-right:auto, si risolve. Ma fare in modo che il logo si adatti anche su piccoli schermi ??

il link http://www.alpasoft.it/

Grazie....

[xplosion]

Ciao,

Una possibile soluzione potrebbe essere questa.
Dai un occhiata alla documentazione per quel che riguarda il responsive: http://www.gantry-framework.org/documentation/joomla/advanced/responsive_grid_system.md
Creare 4 versioni diverse del logo, una per i siti "large", una per la visualizzazione "desktop", una per "tablet" e una per "phone".
Per i tablet suggerisco una larghezza non più di 400px, e per i smartphone 280px.
Crea un modulo e pubblicalo nella posizione che vuoi, da qualche parte nel header. In questo modulo devi avere 4 div diversi con 4 classi: 'visible-large', 'visible-desktop', 'visible-tablet' e 'visible-phone'.

Ecco un esempio:

Codice: [Seleziona]

<div class="visible-large">
<img src="images/grande-logo.jpg' />
</div>
<div class="visible-desktop">
<img src="images/desktop-logo.jpg' />
</div>
<div class="visible-tablet">
<img src="images/tablet-logo.jpg' />
</div>
<div class="visible-phone">
<img src="images/smartphone-logo.jpg' />
</div>
Disabilita la visualizzazione del logo predefinito dal template manager di gantry !

[Rasjah]

ok xplosion leggo/provo e poi  faccio sapere..

p.s. Grazie, avevo già disabilitato il logo di default e messo Custom Logo

[Rasjah]

Ho risolto nel seguente modo:

- All'interno del template Gantry sezione Style - Logo, lo messo a OFF

- Ho creato un nuovo modulo HTML personalizzato, all'interno della finestra Personalizza Output, ho caricato l'immagine del mio logo, e l'ho centrata.

- Salvato

e il tutto funziona centrato e responsive......


alla prossima 

[d3vi]

Scusate se riapro il thread ma l'argomento mi interessa senza aprirne di nuovi.
Come hai fatto a pubblicarlo? Hai pubblicato il modulo in qualche position? Mi spieghi per favore?

[Rasjah]

Caro d3vi niente messaggi privati assillanti  non sono certo tutto il giorno attaccato al forum....

Comunque... Certo il modulo che ho creato lo posizionato in header......

ma penso che qualsiasi altra posizione vada bene

[d3vi]

Caro d3vi niente messaggi privati assillanti  non sono certo tutto il giorno attaccato al forum....

Messaggi privati assillanti???  Te ne ho mandato uno solo e per giunta quando eri ancora on-line; te l'ho spedito perchè avevo una certa  situazione di emergenza, non certo per assillarti, per cui se devi dire le cose dille come sono realmente e non a modo tuo, facendomi passare per quello che non sono, ok? 
Ho risolto seguendo il tuo modo, ma per piazzare il modulo in una posizione ci sono arrivato da solo...
Ciao e grazie.