Navigation Image

I would like to add a facebook group image icon on my social media menu. How do I do this!
icon_fbgroup|250x299

icon_fbgroup

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.social-menu-widget a[href*="facebook.com/groups"]::before {
    content: '';
    width: 35px;
    height: 40px;
    background-image: url(//example.com/);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

Just replace //example.com/ with an icon link.

Kind Regards, Roman.

Hello Icon not showing up.
This is the code I entered:

.social-menu-widget a[href*="facebook.com/groups/cmfaa"]::before {
    content: '';
    width: 35px;
    height: 40px;
    background-image: url(//cmfaa.org/wp-content/uploads/2018/02/icon_fbgroup-e1519786835772.png/);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

Please advise

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.

Okay, I saw it in code.

Please remove the slash after .png

Kind Regards, Roman.

That did it.
Thank You!

Great! You are welcome! :slight_smile:

Kind Regards, Roman.