Avisos
Vaciar todo

como centrar mis pestañas de wocommerce  

 
Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

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 ??? 

Citar
Respondido : 24/05/2020 5:04 am
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 24/05/2020 2:02 pm

Cursos Gratuitos WordPress

Jaime Erdulfo
 Jaime Erdulfo
Reputable Member

@jmarreros

image

lo inserte sigue igual 

ResponderCitar
Respondido : 24/05/2020 8:23 pm
Jhon
 Jhon
Soporte CMS Webempresa 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
ResponderCitar
Respondido : 24/05/2020 8:36 pm

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