i know there responsive feature revolution-slider, unfortunately still loads mobile assets on desktop , vice versa, adding time page-load.
so i'd prefer have 2 distinct sliders, 1 per device.
what's best solution this?
it depends on how setting revslider in pages.
i think best way achieve want (need) using php conditional rules:
1) in templates conditional based on mobile detection. way avoid loading 2 revslider @ same time.
you use wp_is_mobile() conditional wordpress function purpose:
<?php if ( !wp_is_mobile() ) { echo do_shortcode('[rev_slider alias="my_desktop_slider"]'); } else { // mobile devices echo do_shortcode('[rev_slider alias="my_mobile_slider"]'); } ?> 2) in custom shortcode conditional:
if( !function_exists('rev_slider_detection') ) { function rev_slider_detection( $atts ) { extract(shortcode_atts(array( 'alias' => '' // alias name of desktop rev-slider ), $atts)); $output = '[rev_slider alias="'; if ( !wp_is_mobile() ) { // desktop $output .= $alias . '"]'; } else { // mobile $output .= $alias . '_mob"]'; } return $output; // or (because untested) // return do_shortcode('" . $output . "'); } add_shortcode('my_rev', 'rev_slider_detection'); } you use way: [my_rev alias="my_revslider_alias_slug"] , need have 2 instance of rev slider, first 1 desktop alias name ( home example) , second 1 mobile same alias name + "_mob" ( home_mob example).
reference:
you can elaborate more accurate script detect tablets , phones, use conditional different devices types.
