[Resolved] Disable Header Widget on mobile?

[Mark]

Is there a way to disable the Header widget when I am on mobile? Currently I am using Lightweight Social Icons and when I go to mobile the icons slide underneath of the Logo and everything is all jumbled up (using a main nav logo that overlaps into Header area)

[Tom]

Try this:

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

[Mark]

Ok, sorry… I should have asked how to disable the Lightweight Social Icons themselves vs the whole Header Widget

[Leo]

Try this instead:

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

Let me know.

[Author]

Posts