Hide Widget on Mobile

[Mark]

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.

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Perfect. Would the next one down be “second-child”?

Thanks

[Leo]

This should help:
https://www.w3schools.com/cssref/sel_nth-child.asp

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts