Hi,
So its great you now have support for lottie files.
Im trying to use one for a section background. I have started this but running into some issues im hoping you can help with. I have it set as the background but I can not get it to fill up the whole space. If you make the browser window 1530px or wider you will start to see the black bars on the side of the animation.
Any thoughts or solutions for me?
Thanks
Hey acscreativenew,
Thank you for the inquiry.
The theme automatically limits the width of the section container to 85% when the screen width is less than 768px, causing the appearance of black bars. To override this behavior, you can use a custom CSS code.
@media only screen and (max-width: 989px) {
/* Add your Desktop Styles here */
.responsive .page-id-23 #wrap_all #av_section_1 .container {
width: 100%;
max-width: 100%;
}
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.
Best regards,
Ismael