Modificar un Div Si se carga desde un Movil

[atahualpa_666]

Oh gracias ya entendi, no sabia lo de display;none, no me dedico profesionalmente a esto y hay cosas que no conozco bien.

Estube probando con tu ejemplo pero lo sigue cargando igualmente, probe a añadirlo dentro de cada resolucion que traia la plantilla css pero al cargar la pagina desde el telefono carga el div de todos modos.

te adjunto el trozo de css referente a los media queries, seguramente este cometiendo algun error de novato

Código CSS:

@media screen and (max-width: 900px) {
    #main.col480 {
        width:64.667%;
        margin-left:0;
        display:block;
    }
    
    #sidebar.col220, #sidebar-left.col220 {
        float:right;
        width:31.333%;
        clear:right;
    }
    
    #sidebar-left.col220 { 
        margin-left:0;
    }
}
 
@media screen and (max-width: 824px) {
    #access, div.menu { position:relative; }
    .menu ul li { list-style-type: none; float:none; }
    nav[role=navigation] ul.menu {
        background:#c0c0c0; 
        position:absolute;
        top:41px;
        z-index:9999;
        display:none;
    }
    nav[role=navigation] ul.menu li a {
        display:block;
        color:#fff;
        text-shadow:-1px -1px #999;
    }
    nav[role=navigation] ul.menu li a:hover {
        background:#c9c9c9;
    }
    
    nav[role=navigation] .menu #menu-icon { display:block }
    
    .menu ul li ul.sub-menu, .menu ul li ul.children { display:none; }
}
 
@media screen and (min-width: 824px) {
    nav[role=navigation] ul.menu { display:block !important; }
}
 
@media screen and (max-width: 680px) {
    
    #main.col480 {
        width:100%;
        display:block;
        float:none;
        margin:0;
    }
    
    #sidebar.col220, #sidebar-left.col220 {
        float:none;
        display:block;
        width:100%;
        clear:both;
    }
    
    #sidebar-left.col220 { 
        margin-left:0;
    }
    
    .widget {
        margin:2.2em 30px 2.2em 20px;
    }
}