[RISOLTO]ridimensionamento testo menù a seconda del dispositivo

[Paolo.VR]

ciao,

ho aggiornato il sito a joomla3 dalla 1.5, ho alcuni ostacoli che non riesco proprio a superare e chiedo il vostro aiuto se possibile. Credo sia una cosa banale per voi, io invece non riesco a venirne a capo.
in sostanza vorrei che il menù si ridimensionasse a seconda del dispositivo, ora ridimensionando stringendo la risoluzione si vede la voce contattti che va a capo sotto alla prima quando invece vorrei che tutte le voci rimanessero allineate sulla stessa linea.

questo il link del sito

[Paolo.VR]

proprio nessuno che può aiutarmi?

[conti1]

ciao vedi che non è proprio come dici , stringendo la risoluzione da pc la visione e differente  da quella che si vede sui mobili . esempio su iphone gia si vede come dici tu  ma la lultima voce fuori esce  non si ridimensiona dal tutto. io toglerei l'ultima voce  poi fai tu .

[Paolo.VR]

ciao conti1,
innanzi tutto grazie per avermi risposto, quello che dici in effetti è la seconda cosa che sto cercando di risolvere e nel peggior dei casi tolgo l'ultima voce.
Il problema principale perà sta proprio nel menù sottto dove ci sono le voci azienda, prodotti, ecc. la voce contatti a una risoluzione di 1024 px si allinea al centro sotto le altre.

[tomtomeight]

Vedi che nei dispositivi mobili si attiva il menú canvas che mostra le voci in verticale.

[Paolo.VR]

si ho capito che su dispositivi mobili cambia formato e viene visualizzato in  verticale, quello che intendo dire io non è su una dimensione video mobile ma desktop. Probabilmente non riesco a spiegarmi, vi allego un immagine dove si vede che la voce contatti si posiziona al centro sotto le altre.

[tomtomeight]

Prova a ridurre lo spazio tra le voci. Padding e margin.

[conti1]

css/style.css  riga 99

confronta con il tuo  e moddifica il pading come questo

Codice: [Seleziona]

.main_menu ul.menu > li > a {   
 font-size: 16px;   
 margin: 0 10px;   
 padding: 20px 0px 18px; <-----
 position: relative;   
 text-shadow: 1px 1px #000;   
 text-transform: uppercase;}


[Paolo.VR]

pensavo si potesse giocare su un cambiamento della dimensione testo, mi sono perso parecchio su quello ma è un buon compromesso quello che mi avete dato, grazie!

per la riga verde sopra dite che l'unica sia togliere una voce allora?

[conti1]

nessuno ah detto di toglere la voce padding ma di mettere a 0px quarda il mio post

[Paolo.VR]

no no..avevo capito cosa intendevi mi riferivo alla prima risposta che mi hai dato dove mi dicevi che su iphone si vedeva bene ma l'ultima voce fuoriusciva e consigli di toglierla