Fullscreen Slider Not Responsive

Hi,

@win90 sorry for the late reply and thanks for the login. So since your slides contain text in the image that you want to show we will need to make the background image either “contain” or “cover” for mobile & tablet, but because of the portrait orientation of these devices the background height also needs to be adjusted so the full width of the image will show.
So, I removed your above css and added this to your Quick CSS:

@media only screen and (max-width: 1025px) {
.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
}
@media only screen and (max-width: 330px) { 
.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] {
    height: 190px !important;
}
}
@media only screen and (min-width: 331px) and (max-width: 385px) { 
.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] {
    height: 200px !important;
}
}
@media only screen and (min-width: 386px) and (max-width: 435px) { 
.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] {
    height: 260px !important;
}
}
@media only screen and (min-width: 436px) and (max-width: 770px) { 
.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] {
    height: 480px !important;
}
}

This css covers the most common 3 phone sizes & 2 tablet sizes, please clear your browser cache and check.

@Steve from your HTML copy it looks like this css would correct, I’m not sure why this would occur, perhaps some css conflict, but give this a try:

#main > div.main_color.container_wrap_first.container_wrap.fullsize > div {
	max-width: 100% !important;
	padding: 0 !important;
}
#main > div.main_color.container_wrap_first.container_wrap.fullsize > div > .content {
	padding: 0 !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike