Como aplicar estilos CSS que solo afectan a la versión móvil de tu web

estilos css para version movil

El 100% de las webs que he hecho, he tenido que adaptar algo solo para la versión móvil, te voy a enseñar el código que diferencia entre tamaños de pantalla para que los estilos que pongas en CSS solo afecten al móvil.

@media screen and (max-width: 480px) {aquí dentro los estilos}

Con esta regla puedes hacer que algunas cosas no se muestren en móvil, o cambiar tamaños de letra, entre otras muchas cosas necesarias para que la versión móvil luzca súper bien!
Te muestro una captura de como se ve en el editor CSS de WordPress.

Estilos móvil WordPress

aplicar estilos css movil
Código @media screen CSS

Pues, eso es todo, espero que te sirva.

Curso WordPress [2020] GRATIS en Español

Sobre Marc Oliveras 192 artículos
Cuando no estoy atrapado en alguna red mirando videos de gatitos, escribo artículos que solucionan problemas.

1 comentario

  1. no me sirve :c porque será? hay que configurar algo en wordpress? mis estilos se ven bien en la computadora, incluso se ven bien en la parte donde el emulador pone como se verían los estilos en el movil.. Pero al parecer es falso porque en mi movil no se ve ningun estilo :c

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*