Differenzazione voci menu su smartphone (RISOLTO)

[Bimond]

Ciao a tutti. Ho un problema nella visualizzazione del top menu su smartphone di questo sito:
www.larcadisara.it
Come vedete ho creato due voci di menu con lo stesso titolo "Staff" differenziandole tramite icona.
Il problema è che visualizzando il sito su smartphone compare la barra "Select a page" e da lì una schermata nera con l'elenco delle voci di menu senza la visualizzazione dell'icona che permetta di distinguere tra le due. C'è un qualche parametro che permetta di far apparire, solo qui, due voci differenti (Staff umano e Staff animale)? Grazie!

[Babyjoomla]

Ti consiglio di sistemare la parte mobile del tuo sito con JNS Mobilize

http://www.youtube.com/watch?v=Rxthx16OCU4

é un componente molto comodo, con cui è facile creare una versione mobile del proprio sito (ti devi registrare per il download)

L'unica pecca è che nella versione free puoi scegliere di ottimizzare il tuo sito per un solo sistema operativo mobile, altre alternative sono:

Mobile: http://www.joomla.it/articoli-community-16-e-17-tab/5536-mobile-joomla-come-rendere-il-nostro-sito-web-responsive.html

ed altri qui: http://extensions.joomla.org/extensions/mobile

Saluti!

[Bimond]

Ti ringrazio ma questo equivale a rifare il sito... Il template che ho utilizzato, e acquistato, teoricamente dovrebbe essere responsivo. Evidentemente lo è a modo suo...
Quindi nessun parametro in joomla che possa configurare in modo da risolvere il problema (l'unico) della visualizzazione su smartphone?

[alessioa]

Ciao,

puoi scrivere un css per "colpire" solo determinate risoluzioni, un esempio :

Codice: [Seleziona]

/*240 x 320 (Small phone)*/
@media only screen and (max-width: 240px) {
    .classe{tuo:css;}
    .id{tuo:css;}
}
/*320 x 480 (iPhone)*/
@media only screen and (min-width: 241px) and (max-width: 320px) {
    .classe{tuo:css;}
    .id{tuo:css;}
}
/*480 x 640 (Small tablet)*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .classe{tuo:css;}
    .id{tuo:css;}
}
/*768 x 1024 (iPad - Portrait)*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .classe{tuo:css;}
    .id{tuo:css;}
}
/*1024 x 768 (iPad - Landscape)*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .classe{tuo:css;}
    .id{tuo:css;}
}

e per il debug puoi usare un responsive simulator tipo http://www.studiopress.com/responsive/

[Babyjoomla]

Ho visto il tuo sito e sì il tuo template è responsive. Per risolvere il tuo problema puoi fare 2 cose:

- Mettere il tuo staff in un unica sezione,

- Cambiare nome ad una sezione staff.

Non è che non ci sia un parametro joomla impostato male sono le impostazioni dell'internet mobile che prendono il nome della sezione per poi mostrartela, ti consiglio di trovare un altro nome per i tuoi amici animali ;-)

Ciao!

[Bimond]

Grazie delle risposte (e della segnalazione del servizio che non conoscevo). Ci ragionerò sopra.

[Babyjoomla]

Metti "Risolto" a titolo della discussione se sei soddisfatta delle risposte, grazie!