Pregunta sobre Espied de Wordpress:

Cambiar el estado del color del botón lateral de la barra – móvil

Un usuario preguntó 👇

SOLO EN PANTALLA MÓVIL: cuando abro el menú de hamburguesas, el botón X aparece para cerrarlo con un fondo actualmente en blanco. Quiero cambiar el color (excepto cuando está activado, cuando cierro el menú quiero mantener el fondo blanco)

¿Hay algún código CSS adicional para aplicar en este caso, excepto en las respuestas móviles? gracias

(@lizkarkoski)

Hace 1 año, 8 meses

Hola –

Sí, puede cambiar el color de la ubicación de la hamburguesa blanca en una vista móvil. Utilice esta SEC:

@media screen and (max-width: 700px)
.sidebar-toggle.toggle-on, .sidebar-toggle {
    background-color: #51a6da !important;
}

color de fondo: #

^ ahí es donde eliges el color. Por ejemplo, #fff es blanco. Lo cambié a código azul aleatorio. Use un indicador de código hexadecimal para seleccionar el código de color para lo que desea usar.

Escríbeme si tienes más preguntas.

Lanzador de hilos

(@ gerard57)

Hace 1 año, 8 meses

Ya sé cómo cambiar el color de fondo del botón del menú de hamburguesas cuando está en la pantalla del móvil.

Lo que quiero es cambiarlo solo en estado de activación (cuando aparece la x para cerrar el menú) porque el menú de hamburguesas está todo en negro y el botón sigue apareciendo en blanco, quiero que también se ponga negro.

(solo en la pantalla del móvil)

(@gemmaevans)

Hace 1 año, 8 meses

Hola @ gerard57,

Todo lo que quiero es cambiarlo solo en el estado de activación (cuando aparece la x para cerrar el menú)

Bien, pruebe este CSS para centrarse en «x» en el menú (para dispositivos móviles):

@media screen and (max-width: 700px) {
      a.sidebar-toggle.toggle-on {
            background: #51a6da;
      }
}

¿Eso ayuda?

Lanzador de hilos

(@ gerard57)

Hace 1 año, 8 meses

No funciona.

Solo quiero cambiar el color de fondo cuando el menú de hamburguesas está en el estado de activación (cuando la x parece cerrar el menú) y cuando se cierra está en un color diferente (solo móvil)

(@gemmaevans)

Hace 1 año, 8 meses

Hola @ gerard57,

Solo quiero cambiar el color de fondo cuando el menú de hamburguesas está en el estado de activación (cuando la x parece cerrar el menú)

Hice un pequeño cambio en la SEC, así que intente esto:

@media screen and (max-width: 700px) {
      .toggle-on::before {
            background: #ff0000;
      }
}

Hice el color de fondo rojo, solo para que pueda ver que este estilo solo se aplica a dispositivos móviles, pero puede cambiarlo a lo que quiera.

Lanzador de hilos

(@ gerard57)

Hace 1 año, 8 meses

No funciona, esto solo cambia parte del botón de fondo

(@gemmaevans)

Hace 1 año, 8 meses

Hola @ gerard57,

Esto es lo que veo desde mi perspectiva:

Captura de pantalla

Si esto no es algo que quiera hacer, ¿podría ser más específico sobre cómo quiere que se vea el fondo?

(@supernovia)

Hace 1 año, 7 meses

Aún no hemos recibido respuesta. Si no le importa tomar una foto de lo que ve y obtener más detalles sobre cómo desea que sea diferente, echemos un vistazo.

(@gemmaevans)

Hace 1 año, 7 meses

Hola @ gerard57,

Continuando con la respuesta de @ supernovia, no estoy seguro de por qué el enlace de la última pantalla no funciona, pero aquí hay otro:

Captura de pantalla

Así es como funciona el CSS que proporcioné en su sitio y en mi sitio de prueba con este tema en particular.

Lanzador de hilos

(@ gerard57)

Hace 1 año, 7 meses

Veo tu foto y la repito, esto solo cambió parte del color del botón de fondo, quiero cambiarlo en absoluto, en un rompecabezas de dispositivo móvil.

Aquí hay algunas capturas de pantalla que pueden ayudar

https://paste.pics/d2473170fdf5841995dd84195b38a8dc

https://paste.pics/f46a31af0bc86e3d010c0a875a46bd90

gracias

(@kokkieh)

Hace 1 año, 7 meses

Hola,

El CSS Gemma proporcionado no funciona, porque el CSS contiene un programa proporcionado por @lizkarkoski arriba !important que lo supera. No hay forma de realizar el cambio que desea si ese otro CSS permanece en su sitio.

(@kokkieh)

Hace 1 año, 7 meses

Elimine todo el código que agregó que se proporcionó en este hilo, y avíseme cuando lo haya hecho, y podemos comenzar de nuevo.

¿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 *