Fallback option for video

Hi simplyaha!

Edit the video slide then look for the “Choose fallback image for mobile devices” option right below the video url field. Unfortunately, the fallback image is not available on the layer slider.

Cheers!
Ismael

Hey!

Please edit functions.php, find this code on line 16:

if(isset($avia_config['use_child_theme_functions_only'])) return;

Below, add this code:

add_theme_support('avia_template_builder_custom_css');

On the homepage, add a fullwidth slider then add a “Custom Css Class”. Just scroll at the very bottom to see the field. What we’re trying to do is to show layerslider on desktop view then swap the fullwidth slider when viewing on mobile devices. Let’s add “sample-slider” to the “Custom Css Class” field of the fullwidth slider. Add this on Quick CSS or custom.css:

@media only screen and (min-width: 769px) {
.sample-slider { display: none !important opacity: 0 !important; 
}
}

@media only screen and (max-width: 768px) {
.sample-slider { display: block !important opacity: 1 !important; 
}

#layer_slider_1 {
display: none !important;
}
}

Cheers!
Ismael