Cambiar color menú en versión movil plantilla Bulk Shop  

Hola Rebeca.

Edita el archivo style.css que encontraras en la ruta wp-content -> themes -> bulk-shop -> style.css y añade lo siguiente:

@media (max-width: 767px) {
.openNav .menu-container {
    background-color: #fefefe;
}
}

Espero que esta información te sirva para lo que buscas, de no ser así por favor indícalo para que podamos seguir ayudándote.

Un saludo

Muchas gracias Pepe, el desplegable se visualiza muy bien, lo único que no se ha cambiado de color es la parte superior donde se encuentra el logo.

La segunda pregunta, era si se puede adaptar la imagen de portada a la versión móvil? (que se vea a pantalla completa, porque ahora la imagen queda cortada)

Gracias por tus respuestas

Judit Capel.

Hola Rebeca

la parte superior donde se encuentra el logo
Añade lo siguiente al mismo archivo:

@media (max-width: 767px)  {
.open-panel span {
    background: #181818;
}
.menu-container, .navbar-header {
    background-color: #fefefe;
    padding-right: 60px;
}
}

se puede adaptar la imagen de portada a la versión móvil?
prueba con lo siguiente:

@media (max-width: 767px) {
#wp-custom-header img {
    max-width: 100%;
    min-height: auto;
    top: 20%;
}
}

Un saludo

Buenos dias Pepe,

He probado con lo que me enviaste y no funciona el banner superior sigue apareciendo en negro y la imagen no se adapta.... lo he añadido al editor css no es asi correcto?

gracias,
Judit

Hola Rebeca.

Prueba añadir el código con la etiqueta " !Important "

@media (max-width: 767px)  {
.open-panel span {
    background: #181818!important;
}
.menu-container, .navbar-header {
    background-color: #fefefe!important;
}
}

@media (max-width: 767px) {
#wp-custom-header img {
    max-width: 100%!important;
    min-height: auto!important;
    top: 20%!important;
}
}

Añade también el código en el archivo style.css que tienes en la carpeta wp-content -> themes -> bulk -> style.css

Si ves que no funciona realiza un limpieza del navegador siguiendo los pasos de esta guía:
-> https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Un saludo

Muchas gracias Pepe , me ha funcionado perfectamente, la imagen de inicio se adapta al formato del móvil,
lo único que el resto de páginas, se mueve todos los elementos hacia la parte izquierdo de la pantalla (elementos en vertical) habría alguna manera para que esto no sucediera?

*Te lanzo una pregunta a parte de este tema: Dentro de está web tenemos productos a la venda, y nos gustaría que cuando estemos dentro de un producto podamos navegar (anterior-siguiente) por los productos sin salir de la pagina. Hay alguna manera? la platilla es Bulk shop (wordpress).

Gracias por tus respuestas.

Judit Capel

Hola Rebeca.

el resto de páginas, se mueve todos los elementos hacia la parte izquierdo de la pantalla
Por favor adjunta una captura de lo que quieres indicar.

cuando estemos dentro de un producto podamos navegar
¿ Te refiera a la categoría o a la ficha de productos ? en al ficha de producto veo que tienes productos relacionados que te mostrar todos los productos pertenecientes a la misma categoría.

Por favor cuando realices una consulta si nos añades una captura de lo que quieres indicar nos ayudaría a darte una solución mas rapida.

Un saludo

Hola Pepe,

Disculpa si por el lio, te adjunto 2 capturas,

el resto de páginas, se mueve todos los elementos hacia la parte izquierdo de la pantalla
te adjunto vista de la version movil para que veas la posición de los elementos.

cuando estemos dentro de un producto podamos navegar
te adjunto captura con un elemento añadido por mi ( anterior y siguiente) para que veas la idea que te digo.

si dudas en alguna cosa me lo comunicas

Gracias y disculpa el lio

Hola Rebeca.

Para el tema del texto prueba añadiendo lo siguiente

@media (max-width: 767px)  {
.page-description h2 {
    text-align:justify!important;
}
}

Sobre el tema de los productos, no se puede, desde la ficha no podemos añadir unos botones para avanzar de producto. No se si es eso a lo que te refieres o es a las imágenes de los productos.

Para lo que buscas tienes la opción de los productos relacionados:

Un saludo

Buenos días Pepe,

Sobre el tema que hablamos anteriormente de justificar el texto en la versión movil, no ha funcionado, se sigue viendo el resto de paginas alineadas a la izquierda (www.jamoneroseconomicos.com)

En cambio tenemos la web con la misma plantilla (Bulkshop) https://www.bonregal.com/bonregal-wordpress/) que en esta la version movil se visualiza perfectamente la tienda online y los productos.)

Queremos que la web jamoneros economicos se visualice en la versión movil igual que la web de bonregal-wordpress.

Te adunto pantallazo de las dos versiones moviles para que lo puedas ver.

Hola Judit

Prueba con lo siguiente:

.col-md-12 {
   width: 100%;;
}

Un saludo

Hola,

Lo he probado pero no me funciona...no se si tarda en actualizarse... pero desde el movil no veo cambios

gracias

Hola.

Añade el código con la etiqueta !important:

.col-md-12 {
   width: 100%!important;
}

Si ves que no funciona realiza un limpieza de la cache del navegador:
-> https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Un saludo

Buenos dias Pepe,

Respecto a los ultimos cambios, sobre la web, nos hemos dado cuenta que aparece un color turquesa en el menu y cuerpo de la web, te adjunto captura para que veas como queda....
a que se debe esto? puede ser de alguna modificación anterior?

gracias

Judit