Remove Image Slider on Blog page

• 

  beholdwonderadmin · Member · Apr 19, 2019 at 12:16 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  raduconstantin1 · Member · Apr 20, 2019 at 4:15 am

  • Copy link

  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.

• 

  beholdwonderadmin · Member · Apr 20, 2019 at 12:15 pm

  • Copy link

  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!

• 

  raduconstantin1 · Member · Apr 20, 2019 at 9:11 pm

  • Copy link

  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?

• 

  beholdwonderadmin · Member · Apr 20, 2019 at 9:42 pm

  • Copy link

  Works perfect! Thank you!!

• 

  beholdwonderadmin · Member · Apr 20, 2019 at 9:43 pm

  • Copy link

  That works perfect! Thank you!