[Resuelto] Plugin myStickymenu  

Página 1 / 2
 
Beatriz
 Beatriz
Usuario experto

Buenas tardes,

He descargado el plugin mystickymenu para poner una barra de notificación fija encima del menu principal, pero en versión móvil se ve así:

IMG 7241

En escritorio sí se ajusta pero en responsive no.

Sabéis cuál puede ser el problema? 

Saludos!

Respondido : 16/09/2020 5:06 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Beatriz,

Esto puede deberse a un problema de compatibilidad con el complemento de la barra, verifica si con este te sucede lo mismo, https://es.wordpress.org/plugins/wp-notification-bars/ , parece que tiene mas compatibilidad entre plugins, si no entonces nos comentas para verificar por css i podemos colaborarte.

Un saludo 🖐️ 

Respondido : 16/09/2020 5:18 pm

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

Beatriz
 Beatriz
Usuario experto

@argenis

Hola,

He descargado y configurado el plugin que me has dicho pero parece que tampoco es compatible. Me aparece una franja blanca debajo del menú, y en escritorio igual:

IMG 7245

Respondido : 16/09/2020 8:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Desactiva este último plugin, quédate con el que te muestra correctamente en escritorio y envianos la url de tu sitio para verificar en móvil.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

Respondido : 16/09/2020 8:56 pm

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

Beatriz
 Beatriz
Usuario experto

@jmarreros

Ya lo he hecho, esta es la URL: https://bomu.es  

Respondido : 16/09/2020 9:12 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregando el siguiente código CSS:

@media(max-width:766px){
.mysticky-welcomebar-apper.et_fixed_nav #main-header{
top:60px!important;
}
}

Para agregar código CSS puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

Respondido : 16/09/2020 9:44 pm

Cursos Gratuitos WordPress

Beatriz
 Beatriz
Usuario experto

Ya está solucionado, gracias! Habría alguna manera de poder ocultar esta barra en el carrito y en la página de compra?

Respondido : 17/09/2020 11:08 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

Dentro de las opciones de configuración del plugin tienen un apartado para ocultarlo en alguna paginas pero es para la versión pro del plugin

Screenshot

En este caso si deseas añadir esto podrías evaluar actualizarlo a su versión premium

Un Saludo

 

Respondido : 17/09/2020 11:32 am

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

Beatriz
 Beatriz
Usuario experto

@karen

Hola, 

Al final he optado pon poner el aviso en tienda de Woocommerce, y según he visto debería aparecer encima del menu principal:

Captura de pantalla 2020 09 18 a las 14.06.36

Lo he visto así en varios ejemplos, sin embargo a mi me aparece abajo:

IMG 7276

También en escritorio.

Quería saber si podría ponerlo arriba y si podría ocultarlo en la página de finalizar compra. Y por último, si podría ocultar el texto que aparece al lado que poner "descartar".

Muchas gracias de antemano!

Saludos.

Respondido : 18/09/2020 1:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

Para ubicarlo el top de tu tienda puedes probar el siguiente código CSS, ya que lo añades en la parte superior debes aumentar el alto de tu header principal para que se visualice de forma correcta

p.demo_store {
bottom: 95% !important;
}

Para eliminar el botón de descartar puedes usar el siguiente código

.woocommerce-store-notice__dismiss-link {
display: none !important;
}

Si no quieres que aparezca ni en las pagina de finalizar compra puedes añadir el siguiente código CSS

.page-id-1786 p.demo_store {
display: none !important;
}

Comprueba si con esto logras añadir lo que necesitas

Un Saludo

 

Respondido : 18/09/2020 2:02 pm

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

Beatriz
 Beatriz
Usuario experto

@karen

Muchas gracias! Me ha funcionado todo, pero aunque aumente el tamaño de mi header, en el móvil no cambia y se queda así:

IMG 7309

Cómo lo podría ajustar?

 

Respondido : 20/09/2020 10:08 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba agregar el siguiente código CSS:

header#main-header{
  top:22px!important;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

Respondido : 20/09/2020 1:54 pm

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

Beatriz
 Beatriz
Usuario experto

@jmarreros

muchas gracias Jhon! y por último, me podrías dar un código para quitar la sombra de la barra?

IMG 7320

Respondido : 20/09/2020 3:29 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba con el siguiente código CSS:

.woocommerce-store-notice.demo_store{
box-shadow: none;
}

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

Respondido : 20/09/2020 5:31 pm

Cursos Gratuitos WordPress

Beatriz
 Beatriz
Usuario experto

@jmarreros

Genial!! Ya está perfecto, muchas gracias!

Respondido : 20/09/2020 5:52 pm
Página 1 / 2

Por favor Iniciar Sesión o Registro