ETHOS theme - have top post slider turned off on mobile?

[kirk74]

Hi, I understand about turning visibility of content on and off for different screens, I do this a lot in Cornerstone

This request is a little but more complex as it is controlled outside of Cornerstone …

On my homepage, Ethos stack, I currently have no post slider, but all the other pages do have the post slider. I am now thinking it would be good to have Post Slider on the homepage, but only on larger screens, not on the mobile … is there a way to achieve this pls?

Thx.

[thai]

Hi @kirk74,

To achieve that, please add the following CSS under Theme Options > CSS:

@media (max-width: 767px){
    .home .x-flexslider.x-post-slider {
        display: none !important;
    }
}

Hope it helps

[kirk74]

Thx for the quick response.

Just updating this, because for me the above code didn’t work, but the code below did

(maybe this is because I am not on PRO, was the above code for PRO? … .also I think in the above code even if this is correct for PRO, doesn’t there needs to be a space between these two: .x-flexslider. x-post-slider ?

This code worked for me:

@media (max-width: 767px){
.home .masthead .x-post-carousel {
display: none !important;
}
}

thx.

[paul.r]

Hi @kirk74,

The code provided by my colleague is correct. In your first post you were referring to the post slider so my colleague provided a code to remove the slider.

What you are referring to at the top of Ethos is called Post Carousel thus your code works

Thanks