Avisos
Vaciar todo

[Resuelto] Imagen de fondo de sección en ancho completo en el móvil en vista horizontal  

 
Toni
 Toni
Usuario experto

Hola, tengo una duda, tengo una imagen de fondo dentro de una seccion, en la vista vertcal del móvil se ve bién pero cuando giro el móvil a posición horizontal no rellena el ancho de la pantalla, ¿como podría hacerlo para que el aspecto sea similar? muchas gracias

IMG 8574
IMG 8573
Respondido : 16/09/2020 10:29 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Toni,

Prueba añadir a esta imagen la configuración para que en este resolución de ajuste siempre a toda la pantalla.

Screenshot

Guarda los cambios y verifica si al ajustar esto tu imagen se adapta a la pantalla de forma correcta

Un Saludo

Respondido : 16/09/2020 11:23 am

Toni
 Toni
Usuario experto

@karen

Hola, ahora si se me ajusta genial al hacer el giro horizontal, he comprobado y en tablet tambien, lo único que el móvil en posición horizontal se me corta arriba y abajo, ¿se puede solucionar? muchas gracias 🙂

IMG 8577

 

Respondido : 16/09/2020 1:15 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

Cambiaste esta configuración? actualmente veo esto en la versión móvil:

image

Necesitaríamos que lo dejes en cubierta para verificar si a nivel de css podemos ayudarte a ubicar la imagen según la resolución.

Un saludo 🖐️ 

Respondido : 16/09/2020 1:39 pm

Toni
 Toni
Usuario experto

@argenis

Hola, estoy rehaciendo la página desde cero para solventar todo lo que hice mal, esta es la url de lo nuevo https://songbox.es/inicio-2/

Respondido : 16/09/2020 2:08 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

Esta tomando el cubierta: 

image

Lo que pasa es que al pasar a la versión movil el menú debe mostrarse con una barra blanca, para solventar esto para versiones moviles puedes ingresar este código:

@media screen and (max-width: 980px) {
div#main-content {
margin-top: -12em !important;
}
}

Este lo colocas en Apariencias → Personalizar → Css Adicional, nos comentas si esto es lo que te referías, un saludo 🖐️ 

Respondido : 16/09/2020 2:20 pm

Toni
 Toni
Usuario experto

@argenis

Ahora se me ha subido todo dentro del menú 

IMG 8579

 

Respondido : 16/09/2020 3:11 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

No es esto lo que requerias? como te comentamos en la captura anterior se veia ya en el completo de la sección:

image

Solo que debes hacer scroll para ver la imagen completa, si no es lo que te hemos compartido puedes eliminar el código e indicarnos si puedes por medio de captura que es lo que vez mal para poder ayudarte con ello.

Un saludo 🖐️ 

Respondido : 16/09/2020 3:22 pm

Toni
 Toni
Usuario experto

@argenis

Hola, no es exactamente eso lo que necesito, en la vista móvil vertical se ve todo genial, pero al poner el móvil en posición horizontal la foto se corta por la parte superior e inferior, quería que al poner el móvil en vista horizontal se viera la foto entera también, adjunto capturas de pantalla, muchas gracias

Vista móvil vertical (se ve genial)

IMG 8587

Vista móvil horizontal (la imagen se corta por arriba y por abajo)

IMG 8588
IMG 8589

 

Respondido : 16/09/2020 6:51 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Toni,

De que manera estas visualizando esta version en horizontal? no logro replicar lo que comentas, incluso ingrese desde mi telefono y te comparto las capturas:

image
image

Incluso con un telefono mucho mas viejo: 

WhatsApp Image 2020 09 16 at 2.23.26 PM

 

Si se corta un poco pero no es un corte tan extremo como el que nos compartes, adicional recordarte que no es muy fiable el ir cambiando las resoluciones del explorador al hacer click derecho e inspeccionar, lo mejor para verificar versiones es abrirlas en estos dispositivos.

Un saludo 🖐️ 

Respondido : 16/09/2020 7:25 pm

Toni
 Toni
Usuario experto

@argenis

Pues lo estoy visualizando todo el tiempo en iphone 6s, no se porque a mi si se me corta, gracias

Respondido : 16/09/2020 7:53 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Estas haciendo cambios?, ya que actualmente me aparece diferente, me aparece muy abajo la imagen.

Captura de Pantalla 2020 09 16 a la(s) 14.51.23

Saludos.

Respondido : 16/09/2020 8:52 pm

Toni
 Toni
Usuario experto

@jmarreros

No estoy cambaindo nada de la página https://songbox.es/inicio-2/ ahora mismo en mi iphone 6s se visualiza así

IMG 8591
Respondido : 16/09/2020 9:07 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@toni-g

Hola Toni,

Agrega el siguiente código desde Apariencia -> Personalizar -> CSS Adicional:

@media (max-width: 980px){
.et_pb_column {

width: 100%;
margin-bottom: 0px !important;

Lo que podrías hacer para aumentar el área de visualización de la imagen sería reducir el tamaño del lago para que de esta manera el tamaño de la barra de menú disminuya pero será imposible evitar que se "corte" la imagen pues esto depende de la resolución de tu dispositivo, no creo que deberías preocuparte por ello ya que tu web se visualiza bien, de la manera en que debe ser. 

Saludos

Respondido : 16/09/2020 11:04 pm

Toni
 Toni
Usuario experto

@bulmaro-webempresa

muchas gracias, ya he conseguido adaptar con cierta exactitud esa imagen, gracias por la ayuda

Respondido : 22/09/2020 9:52 am