Logré que se mostrara la vista móvil en Chrome, pero todavía no puedo hacer que se muestre la vista móvil en los navegadores Firefox, Edge o Brave.
¿Necesito puntos de interrupción (Viewport break points) en todo mi código móvil? ¿Necesito colocarlo en la sección Móvil? La mayor parte de mi CSS móvil son solo cambios de color, iconos de encabezado y ancho de la barra lateral, tamaños de emoji/fuente. Así que no parece que necesite ninguna configuración de viewport específica.
Pude arreglar el código que necesitaba:
/* ==========================================================================\n MENÚ DESPLEGABLE MÓVIL - ESTADO ACTIVO\n ========================================================================== */\n\n/* 1. Forzar el texto del enlace activo a negro */\n.d-modal__body .dropdown-menu li.active a,\n.d-modal__body .dropdown-menu li.active {\n color: #000000 !important;\n}\n\n/* 2. Retroalimentación específica para táctil (Estándar de Discourse) */\nhtml.discourse-touch {\n /* Poner el texto en negro mientras el dedo está presionado */\n .d-modal__body .dropdown-menu li a:active {\n color: #000000 !important;\n }\n\n}\n\n/* 3. Asegurar que otros elementos de navegación sigan la regla */\n.dropdown-menu li a {\n transition: color 0.1s ease;\n}\n```