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

Página 1 / 2
 
Rebecca
 Rebecca
Reputable Member

Buenos días,

Cuando visualizo la web en el móvil, la barra de menú aparece en negro, y eso impide ver los diferentes menús porque se solapan con el fondo... hay alguna posibilidad de cambiar el color en versión móvil?

Y se puede adaptar la imagen de la página de inicio?

Gracias por vuestra respuesta

Judit Capel

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/01/2019 12:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 07/01/2019 1:20 pm

Cursos Gratuitos WordPress

Rebecca
 Rebecca
Reputable Member

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.

ResponderCitar
Respondido : 07/01/2019 1:33 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 07/01/2019 3:07 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Rebecca
 Rebecca
Reputable Member

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

ResponderCitar
Respondido : 08/01/2019 8:45 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 08/01/2019 10:09 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Rebecca
 Rebecca
Reputable Member

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

ResponderCitar
Respondido : 11/01/2019 12:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 11/01/2019 12:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rebecca
 Rebecca
Reputable Member

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

ResponderCitar
Respondido : 11/01/2019 1:37 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 11/01/2019 3:27 pm

Cursos Gratuitos WordPress

Rebecca
 Rebecca
Reputable Member

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.

ResponderCitar
Respondido : 25/01/2019 9:44 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Judit

Prueba con lo siguiente:

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

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 25/01/2019 10:01 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Rebecca
 Rebecca
Reputable Member

Hola,

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

gracias

ResponderCitar
Respondido : 25/01/2019 11:48 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 25/01/2019 12:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Rebecca
 Rebecca
Reputable Member

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

ResponderCitar
Respondido : 08/02/2019 12:37 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro