[Resolved] facebook icon in header not responsive

[emmy]

I’ve added a facebook image link in my header via a header widget, the problem being that it’s not responsive on small mobile devices : the facebook logo gets on top of my site tag.
Which css code should i use to remove the fb icon on small mobile devices ?

http://www.lamachineacoudre.com/

Thanks

[bdbrown]

Hi emmy. Add this css to your child theme or custom css:

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

You can adjust the max-width as needed.

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[emmy]

Great, thanks !

[bdbrown]

Glad to help 🙂

[Author]

Posts