Issue with the fullscreen slider on mobile

Hey Vichardo,

Thank you for the inquiry.

Have you tried using the Fullwidth Slider element instead? Please note that the Fullscreen Slider element will inherit the height of the browser viewport. The images inside have to adapt to the slider size and may overflow if their aspect ratio is not the same as the device screen.

If you want to adjust the style of the slider on mobile view, try this css code.

@media only screen and (max-width: 767px) {
  .avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: contain !important;
    background-repeat: no-repeat;
  }

  .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
    height: 270px !important;
  }
}

You can also set the size of the background images to inherit the actual size of the slider but they may get distorted a bit.

.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-size: 100% 100% !important;
}

Best regards,
Ismael