domingo, 17 de julio de 2016

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

0 @comentarios :

MUCHAS GRACIAS POR VISITAR MI BLOG, ACEPTO TUS CRITICAS Y COMENTARIOS QUE PUEDES EXPRESAR AQUI:

 

©2007-2015 - www.blogonautia.blogspot.com.ar • Todos los Derechos Reservados | Los contenidos son propiedad de sus respectivos autores

Suscribete y recibe lo ultimo de BLOGONAUTIA en tu correo