Archived topic

Conditionally display header widget

3 replies · Started by maria on August 4, 2019

Viewing posts 1–4 of 4

August 4, 2019 at 4:20 am #975266

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?

August 4, 2019 at 6:05 am #975309

Hi there,

try adding this CSS:

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

August 5, 2019 at 4:41 am #975988

That worked, thanks.

August 5, 2019 at 5:35 am #976017

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.