Pregunta sobre Arreglando WordPress de Wordpress:

El problema de los medios no funciona en Chrome

Un usuario preguntó 👇

Estoy probando mis comandos de consulta de medios en un sitio web que se ejecuta en WordPress 5.3.2.

Las siguientes líneas están en la página anterior 1.

Mostrar si barra lateral

2.

Mostrar si no hay barras laterales

3.

Mostrar si menú de hamburguesas

4.

Mostrar si el menú está lleno

5.

Mostrar si pantalla estrecha

6.

Mostrar si pantalla ancha

El tema de mi hijo incluye lo siguiente: pantalla @media y (ancho máximo: 800px) {.xx-display-if-sidebar {display: none}}

@media pantalla y (ancho mínimo: 801px) {.xx-display-if-no-sidebar {display: none}}

@media pantalla y (ancho máximo: 1100px) {.xx-display-if-full-menu {display: none}}

@media pantalla y (ancho mínimo: 1101px) {.xx-display-if-hamburger-menu {display: none}}

@media pantalla y (ancho máximo: 650px) {.xx-display-if-wide-screen {display: none}}

@media screen y (min-width: 651px) {.xx-display-if-narrow-screen {display: none}}

Así que espero que las líneas de arriba aparezcan de la siguiente manera: Pantalla completa (1200px): 1,4,6 1100px (menú de hamburguesa): 1,3,6 800px (sin barras laterales): 2,3 , 6 650 px: 2,3, 5

Esto funciona como se esperaba en Firefox e IE pero, en Chrome, las líneas 3, 4, 5, 6 siempre se muestran. Aunque Chrome (y FF Internet y Samsung) está bien en mi teléfono.

¿Algunas ideas?

Andy

(@bcworkz)

Hace 9 meses, 3 semanas

Chrome es un adhesivo para la sintaxis y los demás son más pequeños. Necesitas terminarlo ; para cada regla (después none en este caso):
.xx-display-if-full-menu {display: none;}

(@andynz)

Hace 9 meses, 3 semanas

Muchas gracias por la respuesta rápida. Hice el cambio que sugirió y parece que ha hecho el truco.

Andy

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *