Slider Issue on Interior Pages – Mobile Issue

Hi,
Do you mean the layerslider at the top of the page?
The best solution to have a great visitor experience with the layerslider is to create a mobile only version of your slider. Placing the new slider under your current one on the page and using css to hide one or the other depending on the screen size, such as this:

 @media only screen and (max-width: 767px) {
div#layer_slider_1 {
display:none!important;
}
}

@media only screen and (min-width: 768px) {
div#layer_slider_2 {
display:none!important;
}
}

While this code may need a little tweaking for your site, we can help adjust it for you.

Best regards,
Mike

Hi,
Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
It doesn’t look like you have included the admin login to the thread, Please post the login info in the Private Content area.

Best regards,
Mike

Hi,
I have looked at your sliders and don’t see that you have any mobile versions of them,
The best solution to have a great visitor experience with the layerslider is to create a mobile only version of your slider. Placing the new slider under your current one on the page and using css to hide one or the other depending on the screen size, such as the code above, which will only work if you have two sliders on one page.
We will be happy to show you how this works if you first create a duplicate slider resized for mobile view. Lets use the FAQ page as an example.

Best regards,
Mike