Remove Image Slider on Blog page

  • Author
    Posts
  • #3298828

    ddmontgomery
    Member

    My current theme allows me to use an image slider at the top, but when used it appears on both the home page on the blog page. I would like to use CSS to hide this element on just the blog page located here https://beholdwonder.com/blog

    Thank you,
    Dustin

    The blog I need help with is beholdwonder.com.

    #3299121

    Hey Dustin,

    I think that this CSS will do the trick for you:

    .blog .main-navigation-sticky-wrapper + .container {
    display: none;
    }

    You can find some info about how to use the CSS snippet in this article: https://en.support.wordpress.com/custom-design/editing-css/. Just paste the code and save the changes.

    #3299199

    ddmontgomery
    Member

    Thank you! That works great! Although it does not remove the slider on tablet or mobile views. I selected the option “Include this CSS in the Mobile Theme.” However, that did not make a difference. Anything additional I can include?

    Thanks!

    #3299338

    Hey,

    No worries. Just add this CSS too:

    @media screen and (max-width: 768px) {
    .blog .main-navigation + .container {
    display: none;
    }
    }

    and things will look fine on mobile too. Can you give it a try, please?

    #3299340

    ddmontgomery
    Member

    Works perfect! Thank you!!

    #3299341

    ddmontgomery
    Member

    That works perfect! Thank you!

The topic ‘Remove Image Slider on Blog page’ is closed to new replies.