Sus selectores no son los adecuados para los atributos HTML en uso. Inténtelo .wp-block-site-logo img y .wp-block-site-title a en cambio.
Para anular el ancho de cambio predeterminado, deberá incluir consultas de medios de anulación que se carguen después de los estilos predeterminados /navigation/style.min.css. Los estilos de theme.json deben estar después del valor predeterminado, por lo que solo debe asegurarse de usar los mismos selectores que el valor predeterminado para que la precedencia sea equivalente, excepto que ocurra después del otro. Por ejemplo, la regla predeterminada para el ícono de hamburguesa es:
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display:none
}
}Agregue su propia regla, excepto utilizar 780px como ancho mínimo.
El problema ahora es que la regla de 600 px se seguirá aplicando entre 600 y 780 px. Creo que si cambia min-width: 780 px a max-width: 779 px, debería anular cualquier regla de ancho mínimo que sea menor a 779 px.
Iniciador del hilo
(@jimmi61)
Gracias @bcworkz, ahora entiendo lo que quiero decir. Las instrucciones para el logotipo y el título funcionaron perfectamente.
Una pregunta: ¿cambia algo si inserto mi CSS personalizado en la sección de bloques de esta manera?
{
"styles": {
blocks: {
"core/site-title": {
"css": " @media (max-width: 780px) { ... } "
}
}
}
}
El cambio del icono de navegación todavía no funciona, creo que necesito más tiempo para probar su solución.
Lo siento, no tengo suficientes conocimientos sobre la sintaxis de bloques JSON para responder a tu pregunta. Te recomiendo que uses la herramienta de inspección de elementos de tu navegador para investigar. Cualquier regla CSS aplicada a un elemento en particular debería aparecer, ya sea que se aplique o no. Si el CSS que agregaste no aparece en absoluto, hay algo incorrecto con tu sintaxis. Si aparece pero no se aplica (tu CSS está tachado en la herramienta), entonces no tiene la precedencia adecuada para ser aplicado. Entonces necesitas una mayor precedencia; o, si se usan los mismos selectores que la regla aplicada, tu regla debe aparecer más adelante en la secuencia de carga de la página.
Iniciador del hilo
(@jimmi61)
Bueno, gracias de nuevo por tu paciencia 🙂