Ciao a tutti,

sto realizzando un sito con WP, e ho creato un css personalizzato. Ho modificato, nell'header, la posizione del mio logo il problema è che questa modifica non ha effetto su schermi con altra risoluzione come sui laptop. Come posso ottimizzare il CSS?

Ho provato a usare una media query ma senza successo.

codice:
@media all and (max-device-width: 1366px) 
{ #header {clear: both; margin: 0 auto; width: 100%; padding: 0;border-bottom: none!important;position: relative;z-index: 1;} #head-content { margin: 0 auto; padding:10px; text-align:center; position:relative; min-height:60px;z-index:98;} .head-strip{border-top:5px solid #B6B4B0;} #logo { margin: 0px 5px 0px 35px; text-align:center; } }
Qualcuno ha avuto il mio stesso problema?

Saluti