Remove Image Slider on Blog page
-
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,
DustinThe blog I need help with is: (visible only to logged in users)
-
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.
-
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!
-
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? -
-
- The topic ‘Remove Image Slider on Blog page’ is closed to new replies.