tamaño de categoria...
Avisos
Vaciar todo

tamaño de categorias  

 
Joaquin
 Joaquin
Reputable Member

es posible que el tamaño de las categorías sea como muestro en la segunda imagen? y que sea ajustable en todos los dispositivos?

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 15/03/2019 12:11 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

prueba con lo siguiente:

#subcategories ul li {
    width: 32%;
}
#subcategories ul li .subcategory-image a img {
    width: 100%;
    height: auto;
}

Un saludo

ResponderCitar
Respondido : 15/03/2019 12:40 pm

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

Joaquin
 Joaquin
Reputable Member

el problema que en dispositivos móviles se descuadra

ResponderCitar
Respondido : 15/03/2019 1:06 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

prueba añadir lo siguiente:

@media screen and (max-width: 720px) {
#subcategories ul li {
    width: 40%;
    height: auto;
}
}

Un saludo

ResponderCitar
Respondido : 15/03/2019 1:23 pm

Cursos Gratuitos WordPress

Joaquin
 Joaquin
Reputable Member

Ahora se descuadra en ordenador y en movil :/

ResponderCitar
Respondido : 15/03/2019 1:50 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

Tienes que añadir todos los códigos, los primeros son para la versión PC y el segundo es para la versión móvil.
Si ves que no se muestra bien, por favor dejalos añadidos para que podamos revisarlo.

un saludo

ResponderCitar
Respondido : 15/03/2019 1:54 pm

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

Joaquin
 Joaquin
Reputable Member

están puestos los 2 códigos

ResponderCitar
Respondido : 15/03/2019 2:25 pm
Joaquin
 Joaquin
Reputable Member

perdon, las prubeas las estoy haciendo en esta web, que es la misma que la primera que te pasé. pero en estas no tengo problema porque aun esta en construcción.
Contenido solo visible a usuarios registrados

ResponderCitar
Respondido : 15/03/2019 2:32 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Joaquin.

El problema del descuadre en la versión móvil es por el tema del texto, si te das cuenta hay subcategorías que el texto ocupa dos líneas y por ese tienes ese descuadre.

Lo que puedes hacer que tambien vendra bien para que google no te notifique problemas de usabilidad en la versión móvil es que tengas las subcategorías en una línea.

@media screen and (max-width: 720px) {
#subcategories ul li {
    width: 90%;
    height: auto;
}
}

Para el tema de PC veo que tienes añadido un código persinalizado con un margin

#subcategories ul li {
    float: left;
    width: 145px;
    border: 1px solid #d6d4d4;
    background: #fff;
    margin: -10px 0px 13px 33px;
    text-align: center;
}

.- Elimina ese código y modifica el que añadimos a la versión PC por el siguiente:

#subcategories ul li {
    width: 49%;
}

Ten en cuenta que no bueno realizar muchas modificaciones ya que pueden afectar a otras partes de la web.

Un saludo

ResponderCitar
Respondido : 15/03/2019 4:11 pm