Remove Mobile Slider

  • kristenmitchellami

    (@kristenmitchellami)


    9 years, 9 months ago

    I’m hoping to remove the splash rotation/slider from the mobile version of our site, since as many others have noted, it’s very skinny and not super attractive on a mobile device.

    I tried altering the CSS and pasting code from some of the other support threads on this topic, but nothing has worked. As a note, I was changing code in the Stylesheet (style.css), but again, nothing looked different. Am I making changes in the wrong place? Happy to provide any other details necessary.

Viewing 3 replies - 1 through 3 (of 3 total)
  • jpowell2k

    (@jpowell2k)

    9 years, 9 months ago

    I entered as Custom CSS:

    /* Removes the image-slider from any device viewing with a screen width of 720px or less */
    @media screen and (max-width: 720px) {
    .ibanner {
    display: none;
    }
    }

    As stated, this removes the slider on most phones but leaves it on some tablets and all computers when the screen is large enough. It may not be elegant, but it works for me.

    Thread Starter kristenmitchellami

    (@kristenmitchellami)

    9 years, 9 months ago

    This may be a dense question, but where exactly are you adding in the code?

    I’m in Editor –> Stylesheet.css –> And in the code that starts with /* Mobile devices */. Can you confirm where exactly you’re placing the code? That would be helpful.

    Thanks!

    Theme Author marsian

    (@marsian)

    9 years, 9 months ago

    you can add the code in “appearance” > “customize” > “Layout Options” > “Additional Style”

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove Mobile Slider’ is closed to new replies.