Ocultar zona de una tabla en móvil  

 
Guillermo
 Guillermo
Estimable Member

Hola, buenas tardes. Me gustaría cambiar una cosa de la web. Tengo varias tablas comparativas hechas con el plugin Pricing Table (adjunto captura). En el PC se ven genial, pero en el móvil hay varias filas de cada tabla vacías que quiero quitar porque es un poco molesto. En el PC quiero que esos espacios en blanco se mantengan, pero en el móvil los quiero quitar.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/05/2016 5:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar hacerlo con CSS, sin embargo tendrías primero qeu corregir tu código final del archivo :

/wp-content/themes/albar/style.css

En la parte final tienes :

@media (max-width:768px){
 .ptsCol .ptsTableElementContent span{
  font-size:20px!important;
 }

Esto es incorrecto para el código que pongas luego no funcionará, falta cerrar una llave, es decir agregar una llave al final

@media (max-width:768px){
 .ptsCol .ptsTableElementContent span{
  font-size:20px!important;
 }
}

Luego que haces esa correción podrías agregar codigo CSS para hacer lo que quieres, por ejemplo en la página :

Contenido solo visible a usuarios registrados

Podrías ocultarlo con el siguiente código CSS

@media (max-width:480px){
	.page-id-2141 .ptsCol-1 div.ptsRows .ptsCell:nth-last-child(1),
	.page-id-2141 .ptsCol-1 div.ptsRows .ptsCell:nth-last-child(2),
	.page-id-2141 .ptsCol-1 div.ptsRows .ptsCell:nth-last-child(3){
		display:none;
	}

	.page-id-2141 .ptsCol-2 div.ptsRows .ptsCell:nth-last-child(1){
		display:none;
	}
}

Agrega este código al final del archivo anterior

2141 es el ID de la pagina,
.ptsCol-X donde X es el numero de columna
nth-last-child(Y) donde Y es el numero de celda empezando a contar desde abajo.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 06/05/2016 8:17 pm

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

Guillermo
 Guillermo
Estimable Member

Perfecto! He hecho los cambios que me has dicho y ya se ha ocultado en móvil. Quiero aplicar este estilo a otra página, ¿donde encuentro el id de la página?

ResponderCitar
Respondido : 09/05/2016 12:36 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Guillermo.
Depende de lo que quieras modificar, cada elemento tiene su propio estilo, para poder cambiar estilos css puedes revisar esta entrada del blog donde se explica la utilización de ' Firebug '
Cómo modificar estilos CSS en Plantillas Joomla, WordPress o PrestaShop

Si nos indicas que quieres modificar te ayudaremos con eso.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 09/05/2016 1:12 pm

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

Guillermo
 Guillermo
Estimable Member

Perfecto! Ya está modificado, gracias por la ayuda! Estoy aprendiendo un montón.

ResponderCitar
Respondido : 09/05/2016 1:25 pm

Por favor Iniciar Sesión o Registro