Omitir partes de tu wordpress en versión móvil con css

Estaba rediseñando un sitio de un cliente, en wordpress, me surgió el problema de que no me agradaba como quedaba un menú así que lo reemplacé por otro móvil.
Pero cómo quitar el anterior menú? no quise complicarme demasiado así que busqué una forma de que el menú no se viera en las versiones móviles.
Para eso recurrí al estilo, encontré 2 códigos que permite que ciertas partes de nuestro sitio no se visualicen a partir de cierta dimensión de pantalla. El primer código es el siguiente:

@media screen and (max-width: 980px) {

En mi caso tenía el siguiente elemento, lo que hice fue pegar el código anterior en la primera linea:

#secondarymenu, #mainmenu {

background:#000;

display:none;

padding:0;

margin-top:0px;

}

De modo que quedó así:

@media screen and (max-width: 980px) {

#secondarymenu, #mainmenu {

background:#000;

display:none;

padding:0;

margin-top:0px;

}

Pero hay otro elemento clave: el display:none; Con el nos aseguramos que ese fragmento desaparezca por completo de las versiones de pantalla inferiores a 980px