Avisos
Vaciar todo

como centrar mis pestañas de wocommerce

4 Respuestas
2 Usuarios
0 Reactions
11 Visitas
Respuestas: 421
Reputable Member
Topic starter
 

https://www.preventor.com.pe/preventor/mamografia-2d/

image

en la PC se ve muy bien pero cuando ingreso desde un celular se ve fatal

image

es decir aparece desordenado 2 pestañas en una fila

1 pestaña en 1 fila y 2 pestañas en una fila, como lo ordeno ??? 


 
Respondido : 24/05/2020 4:04 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Puedes probar agregando el siguiente código CSS:

@media (max-width:768px){
.woocommerce div.product .woocommerce-tabs ul.tabs li{
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
display: none;
}
}

Saludos.


 
Respondido : 24/05/2020 1:02 pm
Respuestas: 421
Reputable Member
Topic starter
 

@jmarreros

image

lo inserte sigue igual 


 
Respondido : 24/05/2020 7:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El código si funciona, ver imagen adjunta.

Sin embargo no veo que lo hayas insertado, si tienes plugins de optimización mejor deshabilítalos temporalmente cuando hagas este tipo de cambios.

Saludos.

Captura de Pantalla 2020 05 24 a la(s) 14.36.10

 
Respondido : 24/05/2020 7:36 pm