Avisos
Vaciar todo

Encabezado e imagen principal ocupan la cara de la pantalla siempre (primera cara responsive)

11 Respuestas
4 Usuarios
0 Reactions
32 Visitas
Respuestas: 8
Active Member
Topic starter
 

Hola buenas noches, quisiera saber como puedo hacer para que mi encabezado y la primera imagen de mi web, siempre estén alineadas al margen de las pantallas de la computadora, más que todo en largo, ya que aveces se queda corto o se alarga, de igual forma en el celular, la página web de referencia es www.munizlaw.com, agradezco su ayuda y pronto apoyo. thnx.

Contenido solo visible a usuarios registrados


 
Respondido : 10/09/2021 12:04 am
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Que tal Benjamin,

Pese a que nos compartes un sitio de referencia no hemos podido entender del todo a que te refieres con

Respondido por: @chamanbenjaminicloud-com

como puedo hacer para que mi encabezado y la primera imagen de mi web, siempre estén alineadas al margen de las pantallas de la computadora, más que todo en largo, ya que aveces se queda corto o se alarga, de igual forma en el celular,

En tu sitio actual no puedo ver paginas internas por lo cual no hay ni encabezado ni contenido, creo que has recién instalado el theme flatsome pero no has comenzado a desarrollar mas alla tu sitio web.

Al tener una estructura definida que quieras para tu sitio con contenido es que podemos definir la visualización de elementos, si te sientes algo perdido te recomiendo apoyarte en la documentación del theme que estas utilizando  https://docs.uxthemes.com/collection/1-flatsome

Saludos!


 
Respondido : 10/09/2021 12:13 am
Respuestas: 8
Active Member
Topic starter
 

@bruno-vichetti, bruno muchas gracias por tu respuesta, el sitio referido es el que tengo por defecto con la cuenta de web empresa, el sitio que anexado al hosting es: www.chamanlaw.com.pe, espero me ayuden, muchas gracias de antemano


 
Respondido : 10/09/2021 4:32 am
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Que tal Benjamin,

Revisando el sitio al que haces referencia www.chamanlaw.com.pe he podido ver que los titulos de las paginas internas guardan proporciones iguales.

header2
header1

Podrías indicarnos cual es la discrepancia que quieres ajustar? de ser posible comparte el enlace y capturas para poder comprender mejor la solicitud.

Saludos!


 
Respondido : 10/09/2021 4:46 am
Respuestas: 8
Active Member
Topic starter
 

Si claro, en la web que refiero: www.munizlaw.com, se puede ver que la imagen de la portada con el encabezado se ajustan a las pantallas, es decir siempre se podrá ver el borde negro en el pie de los dispositivos, mientras que en el mio este es rígido y poco flexible, viéndose muy largo o muy corto según las pantallas; quisiera lograr el efecto de ellos en esta web que vengo desarrollando, gracias de antemano.


 
Respondido : 10/09/2021 4:52 am
Bruno
Respuestas: 6487
Illustrious Member Moderator
 

Hola Benjamin,

Disculpa pero sigo sin poder entenderte 😓 

Viendo el sitio de referencia con el sitio que me has remitido de tu parte y comparándolos ambas cabeceras pese a que tienen aspectos diferentes se ajustas sin problema.

web1
web2

Ahora bien si deseas aplicar estilos a tu cabecera además de cambiar tamaños acorde a la resolución todo esto puedes modificarlos desde el propio editor visual.

Si no tienes nociones al respecto te recomiendo echarle un vistazo a esta guía donde puedes ir familiarizándote con el editor.

Saludos!


 
Respondido : 10/09/2021 5:06 am
Respuestas: 8
Active Member
Topic starter
 

@bruno-vichetti, hola bruno, me refiero a la cabeza en conjunto con la imagen siguiente, esta imagen logra ocupar toda la primera pantalla al ingresar.


 
Respondido : 10/09/2021 6:01 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Benjamin.

La web a la que haces referencia, munizlaw, no esta alojada en los servidores de webempresa.

El soporte del foro solo esta disponibles para las web que estan alojadas en nuestros servidores, no podemos dar soporte a instalaciones que no estan en nuestros servidores.

Tienes que realizar la consulta en el soporte de Digital Ocean que es dónde está alojada la web.

 

Un saludo


 
Respondido : 10/09/2021 8:16 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Benjamin.

Disculpa creí que hacías referencia a munizlaw y veo que ña consulta es para chamanlaw

Prueba con lo siguiente:

@media only screen and (max-width: 600px) {
.et_pb_section_0 {
min-height:500px;
}

.et_pb_section_0.et_pb_section {
margin-bottom: 20px;
}
}

Puedes añadirlo en Apariencia -> Personalizar -> CSS Adicional

 

Un saludo


 
Respondido : 10/09/2021 2:14 pm
Respuestas: 8
Active Member
Topic starter
 

@pepesoler acabo de hacerlo según las instrucciones que me diste pero aún, acabo de hacer un pequeño video para esclarecer mi pregunta que está confusa.clip

 


 
Respondido : 10/09/2021 3:28 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Benjamin,

Esto se debe a que la sección que se adapta es un slider, estas utilizndo algun modulo de slider para crear el que tienes problemas? puedes compartirnos el como estas creando resta sección para poder orientarte un poco.

Un saludo 🖐️ 


 
Respondido : 10/09/2021 4:05 pm