Mobile theme help

  • Resolved ps1

    (@ps1)


    10 years, 7 months ago

    Hi,

    Running WP on local PC network and just want some help with coding for when the site is displayed on mobile devices.

    Running responsive theme and have the site looking good when displayed on a desktop/laptop. The site also looks good on mobile devices with a couple of exceptions.

    I am running Easing slider full width. I have it set up so the slider only appears on the home page by using this code into a header.php file I have created in my child theme.

    <?php if ( is_front_page() ) {
if ( function_exists( ‘easing_slider’ ) ) { easing_slider(); }
}?>

    And it works brilliantly. However the slider is not really suitable for mobile devices e.g smartphones but looks OK on Android tablet/ipad. I have tried the following.

    @media screen and (max-width: 650px) {
#easing_slider {
display:none;
}

    For 650, 480, 320 & 240 screens in both the rtl.css and style.css in my child theme. But alas the slider still displays. Is there a way to stop the slider displaying on these screen sizes? Don’t know if I am doing something basically wrong? Is there even another or better way to approach this?

    After this is resolved I need to do the same with the background image

    Many thanks for any help

    P

Viewing 16 replies (of 16 total)
  • Thread Starter ps1

    (@ps1)

    Just for anyone else add this to the style.css to disable or not display background on mobile theme. Probably allows for a custom background on mobile devices as well. will look at that later.

    @media (max-width : 650px) {
    body.custom-background {
    background-image: none;
    }
    }

    Thanks janet4now & Craig Ralston

Viewing 16 replies (of 16 total)
  • The topic ‘Mobile theme help’ is closed to new replies.