Ottimizzazione responsive 
Autore: Giancarlo B.
Visite 958,
Followers 3,
Condiviso 0
Buon giorno ragazzi,
avrei bisono del vostro prezioso aiuto per ottimizzare un sito in responsive.
Al momento avrei la necessita di eliminare alcuni elementi di disturbo visibili sulle immagini allegate, e sono delle righe verdi, la prima orrizzontale è un codice inserito in pagina nella con la funzione esperto, deve essere visibile nella versione desktop ma non nella resposive e questo non so se sia possibile visto che è un mio inserimento.
La seconda figura sono due linee verticali e cioè i bordi destri delle celle, anche qui vorrei che non si vedessero quando i due pulsantoni si incolonnano in verticale.
Grazie per l'eventuale aiuto e suggerimento.
http://www.agenziastudioeffe.it/studioeffe/
Postato il
Devi ottimizzare con le media queries.
Una volta individuato l'elemento da nascondere (da sempre consiglio Firebug per queste cose) e stabilito a quale risoluzione vuoi, nel tuo caso, nasconderlo, userai la corretta proprietà.
Esempio bordo laterale verticale:
@media (max-width: 719px) {
#imCellStyle_33 {
border-width: 0;
}
}
Per quanto riguarda la linea orizzontale devi assegnare un id o classe al div che hai inserito dopo l'apertura del tag BODY, così potrai gestirlo facilmente come detto sopra.
Piccola nota: con siti responsive non è consigliato usare dei div con position absolute e valori espressi in pixel.
Autore
grazie 1000 lemonsong ....
Autore
.. ok per le celle ... ma devo avere sbagliato sintassi con l'ID della div... non mi funzia..
@media(max-width: 719px){
.miodiv{display:none !important;}
}
<div id="miodiv" style="background-color:#2e7d32;position:absolute;right:0px;width:100%;top:570px;height:1px;opacity:1"></div>
L'id si indica con un cancelletto (#) la classe con un punto (.)
Autore
perfetto lemonsong eseguito ed ok!! grazie ancora.
altro piccolo difetto è che alla comparsa dell'hamurger menù nelle pagine secondarie si accumula spazio nella testata...
vedi allegato...
Autore
risolto ... un'impostazione del responsive
Autore
ora ho questo problema fino a 720px tutto ok sotto questa risoluzione imCell_25 che è quella con la scritta nera "LA PASSIONE E LA TRASPARENZA INNANZI TUTTO" mi si sovrappone all'immagine in bianco e nero come posso fare per mevitare questo ?
Grazie per l'aiuto !!!
Autore
ok trovato soluzione...
@media (max-width: 719px) {
#imContent {padding-top: 80px;}
}