Antes que nada os deseo un feliz año nuevo.
Estoy rediseñando el sitio web. Aún no está completo, pero tengo un problema con el ancho de la imagen. Lo estoy ajustando usando este código.
const scrollTop = window.scrollY;
if (window.location.pathname === '/') {
const element = document.querySelector('#tlacitko img');
const position = element.getBoundingClientRect();if (scrollTop === 0) {
$("#tlacitko img").css({
position: 'relative',
left: -position.left,
top: -position.top,
zIndex: "5",
width: "1920px"
});
} else {
$("#tlacitko img").css({
position: 'relative',
zIndex: "5",
left: -position.left,
top: "-110px",
width: "1920px"
});
}
}
Si pongo la posición absoluta, la página se desmorona, así que usé relativa.
Aunque logré colocarlo correctamente en la esquina superior izquierda, todavía hay un espacio a la derecha.
El problema se debe a que la plantilla tiene relleno izquierdo y relleno derecho, lo que da como resultado ese espacio.
¿Hay alguna manera de solucionar esto? Establecer el relleno en 0 para las imágenes no tiene ningún efecto.
por favor ayuda
Gracias
La página con la que necesito ayuda: [log in to see the link]