Archived topic
Hide Widget on Mobile
3 replies · Started by Mark on June 21, 2019
Viewing posts 1–4 of 4
I have a few widgets in my sidebar and I only want to hide one in mobile, not the whole sidebar. Any CSS suggestions? It's the top right photo/graphic.
Hi there,
Try this CSS:
@media (max-width: 768px) {
.sidebar .widget:first-child {
display: none;
}
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Perfect. Would the next one down be "second-child"?
Thanks
This should help:
https://www.w3schools.com/cssref/sel_nth-child.asp
This archived topic is closed to new replies.
