Avisos

Vaciar todo

como centrar mis pestañas de wocommerce

Summarize Topic

Administración WordPress

Último Mensaje por Jhon hace 6 años

4 Respuestas

2 Usuarios

0 Reactions

11 Visitas

Jaime Erdulfo

Respuestas: 441

Prominent Member

Topic starter

Translate ▼

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

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

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

Respuestas: 44954

Illustrious Member Moderator

Translate ▼

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

Jaime Erdulfo

Respuestas: 441

Prominent Member

Topic starter

Translate ▼

@jmarreros

lo inserte sigue igual

Respondido : 24/05/2020 7:23 pm

Jhon

Respuestas: 44954

Illustrious Member Moderator

Translate ▼

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

46 Foros
81.2 K Temas
487 K Respuestas
10 En línea
9,348 Miembros

Iconos: No hay posts sin leer Hay posts sin leer

Iconos de los Temas: No respondido Respondido Activo Popular Fijo No aprobados Resuelto Privado Cerrado