Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] facebook icon in header not responsive

Home Forums Support facebook icon in header not responsive

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #141189
    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

    #141192
    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/

    #141195
    emmy

    Great, thanks !

    #141249
    bdbrown

    Glad to help 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.