Title: Displaying the slider problem
Last modified: August 22, 2016

---

# Displaying the slider problem

 *  Resolved [ps1](https://wordpress.org/support/users/ps1/)
 * (@ps1)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/displaying-the-slider-problem/)
 * Hi
 * Not a problem with the slider itself probably more a problem with my amateur 
   coding attempt.
 * Basically I have the responsive theme. I have setup the slider so it only appears
   on the home page using this code. I made a header.php in my child theme.
 *     ```
       <?php if ( is_front_page() ) {
       if ( function_exists( ‘easing_slider’ ) ) { easing_slider(); }
       }?>
       ```
   
 * And that works well. What I need to do is not display the slider when the site
   is viewed through mobile devices (mainly smartphones) but I obviously I want 
   the slider displayed on larger screens. OK so in the rtl.css file in my child
   theme I added the following code.
 *     ```
       /*
       Theme Name:     responsive_child
       Template:       
   
       Right to Left text support.
       */
       @import url("../responsive/rtl.css");
   
       @media screen and (max-width: 650px) {
   
       	.easingsliderlite {
                    		display:none;
       }
   
       @media screen and (max-width: 480px) {
   
       	.easingsliderlite {
                    		display:none;
       }
   
       @media screen and (max-width: 320px) {
   
       	.easingsliderlite {
                    		display:none;
       }
   
       @media screen and (max-width: 240px) {
   
       	.easingsliderlite {
                    		display:none;
       }
       ```
   
 * However the slider still appears on smartphones. the “.easingsliderlite” part
   I have tried with “#easingsliderlite” and “#easing_slider” and “.easing_slider”.
   All with no joy
 * No content just basically the header, background and slider in.
    Best viewed 
   in Firefox. Have not fixed the Moz gradient thing for the navbar to change colour
   in IE
 * Any help is appreciated. Thank You
 * Site is [http://icbweb.com/test/](http://icbweb.com/test/)
 * [https://wordpress.org/plugins/easing-slider/](https://wordpress.org/plugins/easing-slider/)

Viewing 1 replies (of 1 total)

 *  Thread Starter [ps1](https://wordpress.org/support/users/ps1/)
 * (@ps1)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/displaying-the-slider-problem/#post-5196539)
 * Worked it out with the kind help of others. Just for others who may stumble on
   this.
 * I added
 *     ```
       @media all and (max-width: 650px) {
       	.easingsliderlite {
                    		display:none;
       	}
       }
       @media all and (max-width: 480px) {
       	.easingsliderlite {
                    		display:none;
       	}
       }
       @media all and (max-width: 320px) {
       	.easingsliderlite {
                    		display:none;
       	}
       }
       @media all and (max-width: 240px) {
       	.easingsliderlite {
                    		display:none;
       	}
       }
       ```
   
 * to style.css in the child theme. Thank you janet4now and Craig Ralston
 * Also I wanted the background to be disabled or not visible on mobile devices 
   so I added.
 *     ```
       @media (max-width : 650px) {
       body.custom-background {
       background-image: none;
       }
       }
       @media (max-width : 480px) {
       body.custom-background {
       background-image: none;
       }
       }
       @media (max-width : 320px) {
       body.custom-background {
       background-image: none;
       }
       }
       @media (max-width : 240px) {
       body.custom-background {
       background-image: none;
       }
       }
       ```
   
 * I suppose that leaves option for a custom background image for mobile devices
   as well. Will look into that later
 * Cheers

Viewing 1 replies (of 1 total)

The topic ‘Displaying the slider problem’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/easing-slider_262626.svg)
 * [Easing Slider](https://wordpress.org/plugins/easing-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/easing-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/easing-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/easing-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/easing-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/easing-slider/reviews/)

 * 1 reply
 * 1 participant
 * Last reply from: [ps1](https://wordpress.org/support/users/ps1/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/displaying-the-slider-problem/#post-5196539)
 * Status: resolved