[Resolved] Conditionally display header widget

[maria]

I have a header widget that I’d like to display only on the desktop site. I know that I can use the Mobile Header feature to suppress the entire header, but I just want to suppress the widget. How can I do this?

[David]

Hi there,

try adding this CSS:

@media (max-width: 768px) {
    .header-widget {
        display: none;
    }
}

[maria]

That worked, thanks.

[David]

Glad to be of help

[Author]

Posts