I am working on a new section of our website and need to have a mobile slider and desktop slider. I have created both with the hide / show set in settings but find the the sliders do not open properly. If I set the order of sliders as follows, with the the mobile version first, it works the best. If I open the page with the screen size below the mobile setting then the page loads the slider correctly and when I expand the screen it then shows the desktop one correctly. However, if I load the page with the screen size above the mobile breakpoint then the slider is given the proper space but it is just a blank unless I set the image as a background. If I set the images as a background than the text layer that I set (seemling any layers) do not show. If I minimize the screen then the mobile does show but as I expand back out the slider again is just a white screen or no layers. (Note: I just updated this plugin this morning and it seems better as it seems to work properly on a desktop or iPad but still does not work correctly on a Android tablet and has the same issues as described above.

When I inspect the code the div ID is not changing from whatever it is set at when the page loads. This really confuses me as to why the other will show at all. 

<?php layerslider(1) ?><?php layerslider(3) ?>

Thank you.