Avisos
Vaciar todo

[Resuelto] Minimizar pantalla  

 
Sonia
 Sonia
Usuario experto

Buenos días:

Quizás sea una tontería pero no logro resolverlo. Al minimizar pantalla se pierde parte de la información de la página de inicio. En concreto el botón de 'sede electrónica'

minimizar pantalla

. En los diferentes dispositivos se ve bien, móvil, tablet, portátil, el problema es solo al minimizar. ¿Alguna sugerencia? (adjunto captura)

Gracias.

Contenido solo visible a usuarios registrados

Respondido : 25/07/2023 10:40 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sonia, 

Esto se está mostrando debido a que para una resolución en específico los elementos se ocultan, ten en cuenta que muchas personas no tienen actualmente esta resolución de pantalla, ya que en su mayoría utilizan resoluciones superiores o el móvil para navegar en un sitio web. 

Sin embargo, si es posible envíanos algunas capturas como tienes añadida esta sección en tu pagina, de esta forma podemos revisarlo con mayor detalle. 

Un Saludo 

Respondido : 25/07/2023 1:01 pm

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

Sonia
 Sonia
Usuario experto

@karen Buenos días. ¿Te refieres a esta foto? En los demás dispositivos se ve bien, sólo tengo problemas al minimizar la pantalla en un ordenador... No sé...

Muchas gracias

Saludos

Sonia

Respondido : 27/07/2023 8:55 am
Sonia
 Sonia
Usuario experto

@karen perdona, he olvidado la foto:

minimizar pantalla2

 

Respondido : 27/07/2023 8:56 am

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

Sonia
 Sonia
Usuario experto

@karen en el movil se ve así:

Inicio   Colegio de Médicos de Ciudad Real

 

Respondido : 27/07/2023 9:23 am
Sonia
 Sonia
Usuario experto

@karen Os envío una serie de capturas en orden de arriba a abajo de cómo está configurado. Ahora no sé por qué tengo campos duplicados pero sé que era por algo de cómo se ve en el movil y en el ordenador. Sólo que no encuentro la opción de responsive en las filas... Gracias por vuestra paciencia...

minimizar 4
minimizar 6
minimizar 5
minimizar 1
minimizar 2
minimizar 3

 

Respondido : 27/07/2023 9:35 am

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sonia,

Veo que tienes dos columnas que añaden esta imagen, entiendo que cada una de ellas se utiliza para mostrar de acuerdo a una resolución especifica este contenido. Ya que usas WPBackery es un poco más complicado añadir que esta imagen se muestre en una resolución especifica justo cuando minimizas la pantalla. 

Tendrías que ir añadiendo bloques y ver que te permite añadir el constructor específicamente; ten en cuenta que es muy difícil que un usuario visualice un sitio web con la página minimizada. 

Sin embargo si quieres permitir que siempre se visualice este contenido prueba si con el siguiente código CSS no se oculta

@media (min-width: 992px) and (max-width: 1199px)
.vc_hidden-md {
display: block!important;
}
}
@media (min-width: 768px) and (max-width: 991px)
.vc_hidden-sm {
display: block!important;
}
}

Este código debes añadirlo en el apartado de Apariencia → Personalizar → CSS adicional

Verifícalo y nos comentas como va todo

Un Saludo

Respondido : 27/07/2023 12:56 pm
Sonia
 Sonia
Usuario experto

 

css

@karen Hola. No ha funcionado. La verdad es que no se ve el botón pero tampoco el texto que se ve con la pantalla maximizada. Sin embargo, si pruebo en diferentes dispositivos, sí se ve el contenido... Adjunto fotos:

¡Gracias!

minimizado3
minimizado
minimizado2
css
Esta publicación ha sido modificada el hace 1 año por Sonia
Respondido : 28/07/2023 8:50 am

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sonia, 

Esto es porque no se muestra este contenido en una resolución específica, ya que lo tienes de esta forma configurado. Prueba lo siguiente, borrar el codigo anterior y añades este que te comparto

@media (min-width: 992px) and (max-width: 1199px) {
.vc_hidden-md {
display: block!important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.vc_hidden-sm {
display: block!important;
}
}

Un Saludo

Respondido : 28/07/2023 12:13 pm
Sonia
 Sonia
Usuario experto

¡¡¡Funciona!!! ¡Mil gracias!

¡Buen fin de semana!

Respondido : 28/07/2023 12:34 pm

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sonia, 

Enhorabuena ha funcionado, es un placer siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 28/07/2023 12:48 pm
Sonia me gusta