[Resuelto] Apariencia menú móvil

Hola Adrián.

Revisa si es esto lo que buscas.

.mobile_menu_bar:before {
color:#fefefe;
}
@media (max-width: 767px) {
#main-header {
background-color: transparent;
}
}

Puedes añadirlo en Apariencia -> Personalizar -> CSS Adicional

Un saludo

Perfecto muchas gracias, se me olvidó preguntarte cómo quito texto que sale al lado de las tres rayitas de 'seleccionar página'.

Muchas gracias Pepe

Hola Adrián.

Prueba con esto:

span.select_page {
display: none !important;
}

Un saludo

Muchas gracias, solucionado, pero ahora veo que mi web no se queda bien adaptada en vista móvil, se mueve como si sobrara espacio a la derecha... no queda como estaba con un ancho fijo...

Hola Adrián.

El CSS que añadimos no afecta a lo que indicas, solo hemos eliminado el texto y modificado colores.

Esto es lo que veo:

Puedes indicarnos donde tienes el problema y si puedes adjuntar una captura para que lo veamos ?

Un saludo

Hola buenos días Pepe, pues mira te envío un pantallazo de cómo se ve cuando muevo la pantalla del móvil con el dedo y no debería moverse hacia los lados... te mando una normal y otra de como queda cuando deslizo a la derecha... a ver si me puedes ayudar...

Gracias de antemano!

Sandra

Hola Adrián.

El Desbordamiento lo está provocando la dirección:

Ese tipo de layout (normalmente una tabla o columnas) suele causar overflow horizontal en móvil porque el texto de la dirección o el teléfono no se ajusta bien.

Vamos a ver su podemos solucionarlo.

Añade lo siguiente en apariencia -> Personalizar -> CSS Adicional:

body, html {
    overflow-x: hidden !important;
}


@media (max-width: 768px) {
    .wp-block-columns {
        flex-direction: column !important;
    }
}

Un saludo

Madre mía muchas gracias todo lo que me indicas es perfecto. Eres mi salvación Muchas gracias!!

Sandra

Hola Sandra.

Nada Gracias a ti Amiga !!!

Cualquier consulta que tengas no dudes en comunicarlo.

Un saludo