Avisos
Vaciar todo

[Resuelto] Minimizar pantalla

11 Respuestas
2 Usuarios
1 Reactions
33 Visitas
Respuestas: 112
Estimable Member
Topic starter
 

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 9:40 am
Tags del tema
Karen Rios
Respuestas: 18666
Illustrious Member 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 12:01 pm
Respuestas: 112
Estimable Member
Topic starter
 

@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 7:55 am
Respuestas: 112
Estimable Member
Topic starter
 

@karen perdona, he olvidado la foto:

minimizar pantalla2

 


 
Respondido : 27/07/2023 7:56 am
Respuestas: 112
Estimable Member
Topic starter
 

@karen en el movil se ve así:

Inicio   Colegio de Médicos de Ciudad Real

 


 
Respondido : 27/07/2023 8:23 am
Respuestas: 112
Estimable Member
Topic starter
 

@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 8:35 am
Karen Rios
Respuestas: 18666
Illustrious Member 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 11:56 am
Respuestas: 112
Estimable Member
Topic starter
 

 

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 2 años por Sonia
 
Respondido : 28/07/2023 7:50 am
Karen Rios
Respuestas: 18666
Illustrious Member 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 11:13 am
Respuestas: 112
Estimable Member
Topic starter
 

¡¡¡Funciona!!! ¡Mil gracias!

¡Buen fin de semana!


 
Respondido : 28/07/2023 11:34 am
Karen Rios
Respuestas: 18666
Illustrious Member 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 11:48 am
Sonia reaccionó