Archived topic

facebook icon in header not responsive

3 replies · Started by emmy on October 1, 2015

Viewing posts 1–4 of 4

October 1, 2015 at 10:48 am #141189

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

October 1, 2015 at 11:00 am #141192

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/

October 1, 2015 at 11:13 am #141195

Great, thanks !

October 1, 2015 at 1:34 pm #141249

Glad to help :)

This archived topic is closed to new replies.

Start building better websites today.