Aviso en tienda Divi  

 
Beatriz
 Beatriz
Usuario experto

Hola, 

Ya metí los códigos que me disteis para ajustar la barra de aviso en tienda encima del menú, pero me pasa que al hacer scroll se desplaza hacia abajo y luego se vuelve a ajustar, en vez de quedarse fija:

IMG 7362

y cuando se vuelve a ajustar se descentra, el texto se pega a la parte inferior de la barra:

IMG 7363

En escritorio siempre queda descentrada:

Captura de pantalla 2020 09 21 a las 10.47.46

Y por último, parte de la cabecera ahora se queda escondida detrás del menú:

IMG 7364

Me podríais ayudar por favor?? 

Muchas gracias!!!!

 

Citar
Respondido : 21/09/2020 9:59 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

He verificado y no logro replicar lo que nos comentas, he intentado replicado en esta web ya que muestra las versiones móviles -> Contenido solo visible a usuarios registrados

De esta forma lo veo desde mi móvil

Imagen de iOS

Una opción puede ser ocultar esta barra para versiones móviles añadiendo un media quera que aplique al código del aviso, por ejemplo

@media(min-width:900px){
/* Código en esta sección*/
}

Un Saludo

This post was modified hace 4 semanas por Karen Rios
ResponderCitar
Respondido : 21/09/2020 2:09 pm

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

Beatriz
 Beatriz
Usuario experto

@karen

Hola Karen, 

Has probado en las páginas de producto? que es dónde se nota que parte del superior de la imagen se queda detrás de la cabecera, se aprecia bien si te fijas en la lupa, que se ve cortada

ResponderCitar
Respondido : 21/09/2020 2:25 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

En este caso para modificar la posición donde se ajusta el aviso en móvil puedes probar el siguiente código CSS

/* Estilos para viso móvil*/
@media(max-width:766px){
p.demo_store {
bottom: 97% !important;
}
}

No logro visualizar la lupa que mencionas en la vista móvil

Imagen de iOS

Un Saludo

 

 

ResponderCitar
Respondido : 21/09/2020 2:43 pm

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

Beatriz
 Beatriz
Usuario experto

@karen

Muchas gracias Karen, voy a probar el código. La lupa es en estas páginas:

IMG 7364

 

ResponderCitar
Respondido : 21/09/2020 2:45 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

Ya que tu header se hace un poco mas grande para incorporar el aviso este ocupa mas espacio y en la vista de los productos se posiciona sobre ellos. Para solucionarlo puedes verificar si el siguiente código CSS te ayuda con lo que necesitas

/* Estilos para viso móvil*/
@media(max-width:766px){
.woocommerce div.product {

margin-top: 46px;
}
}

Un Saludo

ResponderCitar
Respondido : 21/09/2020 2:56 pm

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

Beatriz
 Beatriz
Usuario experto

@karen

Gracias Karen, ya se queda bien la página de producto.

Es posible que este código que puse en su día para que el menu se quedara fijo al hacer scroll me esté dando problemas?

@media (max-width: 980px){
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
position: fixed !important;
}
}
.et_mobile_menu {
   overflow: scroll !important;
   max-height: 83vh;
}

 

ResponderCitar
Respondido : 21/09/2020 3:30 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

Es posible sin embargo no te puede confirmar sea este el causante del problema, puedes probar comentando estas lineas y verificar si al comentarlas no se muestra el error que nos comentas en tu sitio web.

Para comentarlas puedes añadir los símbolos de esta forma

/* Inicio de código comentado
@media (max-width: 980px){
.et_non_fixed_nav.et_transparent_nav #main-header,
.et_non_fixed_nav.et_transparent_nav #top-header,
.et_fixed_nav #main-header,
.et_fixed_nav #top-header {
position: fixed !important;
}
}
.et_mobile_menu {
overflow: scroll !important;
max-height: 83vh;
}  fin de comentado, eliminar esto una vez se pruebe */

Un Saludo

ResponderCitar
Respondido : 21/09/2020 3:50 pm
Pepe me gusta

Cursos Gratuitos WordPress

Beatriz
 Beatriz
Usuario experto

Hola Karen,

El código que tenía puesto no altera nada de la página. Voy a dejar todo como está, pero quería saber si habría algún código para que el texto se quede centrado y no pegado al borde inferior de la barra:

Captura de pantalla 2020 09 24 a las 19.26.38

Muchas gracias!!

Saludos.

ResponderCitar
Respondido : 24/09/2020 6:31 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

Entiendo, puedes probar si el siguiente código CSS te alinea el texto como deseas

woocommerce-store-notice, p.demo_store {
padding-bottom: 7px ;
}

También te recomiendo que abras una nueva consulta para esto si no funciona, de esta forma podemos mantener un control sobre el hilo y ayudarte con mayor detalle.

Un Saludo 😊 

ResponderCitar
Respondido : 24/09/2020 7:07 pm

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

Por favor Iniciar Sesión o Registro