Estilos CSS de menú en tema hijo no se aplican - WPXpress Child - Webempresa  

"Hola equipo de Webempresa,

Estoy experimentando un problema persistente con la aplicación de estilos CSS en el menú principal de mi sitio wpxpress.webempresaok.com. Estoy utilizando un tema hijo (wpxpress-child) del tema WPXpress.

A pesar de haber actualizado y verificado el archivo style.css de mi tema hijo en el servidor, el navegador sigue cargando una versión antigua de este archivo, impidiendo que mis estilos personalizados se apliquen al menú.

A continuación, detallo todos los pasos de depuración que he realizado y la evidencia:

1. Tema Hijo Activo y Configuración Correcta:

   • El tema WPXpress Child está activo.

   • La carpeta wpxpress-child está correctamente ubicada en public_html/wp-content/themes/.

   • Los permisos de la carpeta y archivos son correctos (755).

   • El functions.php del tema hijo encola el style.css de forma estándar.

2. Contenido de style.css en el Servidor (hosting) es CORRECTO:

   • He verificado directamente el archivo public_html/wp-content/themes/wpxpress-child/style.css en el gestor de archivos de mi hosting.

   • Contiene el código CSS con el selector de máxima especificidad y !important que debería aplicar los estilos al menú:

     CSS

      

     #default-menu .main-navigation ul.nav-menu > li > a {
         font-family: 'Roboto', sans-serif !important;
         font-size: 40px !important;
         font-weight: 900 !important;
         text-transform: uppercase !important;
         letter-spacing: 0.05em !important;
         color: #FF0000 !important;
     }
     #default-menu .main-navigation ul.nav-menu > li > a:hover {
         color: #007bff !important;
         background-color: rgba(0,0,0,0.05) !important;
     }
     /* ... 

3. Cachés Desactivadas y Pruebas Rigurosas:

   • He desactivado TODAS las capas de caché para la depuración:

     • Plugins de caché (LiteSpeed Cache - desinstalado, WP Super Cache - desactivado/borrado).

     • La Microcaché de Webempresa (Magic Cache) está DESACTIVADA en mi panel de hosting.

   • He realizado pruebas en ventanas de incógnito y utilizando la opción "Empty Cache and Hard Reload" en las Herramientas de Desarrollador del navegador (Chrome).

4. El Problema Persiste en el Navegador (Evidencia Crucial):

   • A pesar de lo anterior, al inspeccionar el elemento <a> del menú en la pestaña 'Elements' del navegador, y luego revisar la pestaña 'Styles', mi regla CSS con el selector #default-menu .main-navigation ul.nav-menu > li > a y los !important NO APARECE APLICADA.

   • En su lugar, la regla #default-menu a del tema padre (con font-size: 17px; y font-family: "Open Sans") sigue siendo la que se aplica.

Conclusión:

El problema parece ser que, si bien el style.css del tema hijo en el servidor contiene el código correcto, el navegador no está recibiendo esa versión actualizada. Hemos descartado cachés de usuario y plugins de caché.

Me podrían asesorar sobre lo que esta sucediendo con el tema hijo

Muchas gracias por su ayuda."

Contenido solo visible a usuarios registrados