Social icons not showing on mobile

Hi Louise,

Thanks for getting in touch about this!

Both sets of icons are showing up for me, but the color has been changed to a very faint/light color which makes them difficult to see on the white background. Here’s the custom CSS that’s doing it if you want to go into Appearance > Customize > Additional CSS and adjust it a bit:

.widget .menu-social-container .menu li a[href*="instagram.com"]::before {
 color: #f4e5e5 !important;
}  .widget .menu-social-container .menu li a[href*="facebook.com"]::before {
 color: #f4e5e5 !important;
}  .widget .menu-social-container .menu li a[href*="pinterest.nz"]::before {
 color: #f4e5e5 !important;
}

If you have any trouble, just let us know!

Strange… did you check on mobile?
I get a grey banner at the top with a square box… and if I click it it turns dark grey

Still not showing up for me – weird layout at the top of mobile screen and nothing on footer

I just have squares showing up ? not the icons themselves

Ok I found this code in forums… so they are no longer in a drop down thingie at the top on mobile (not sure how that happened??) – BUT footer and header STILL are showing as squares

@media (max-width: 767px) {
    .header-row-1 {
        max-height: none !important;
    }

    .header-row-1-toggle {
        display: none;
    }

    .header-row-1-left .menu-social-container {
        border: none !important;
    }
}

They’re still showing up correctly for me on iPhone, but if they’re showing up as squares for you, this would be a font-related issue. I see a font error showing up in the console, it’s trying to load your icon font from zerofoxover40.com. Are you familiar with that domain? It’s possible that the particular device you’re using requires the font format that’s failing to load from that other domain.

Yes, I switched form that domain to my new one Introvert-mom.com last week. How do I fix this?

Gotcha…that’s a good clue. Are you on Siteground by any chance? They’ve been having an issue caching incorrect paths to fonts when using Kirki, and it’s possible that if you’re hosted with them it may be as simple as removing/renaming the fonts folder so that it can be regenerated. If you’re not familiar with this process, it may be safer to send us temporary admin access via a support ticket and let us take care of it for you, or at least making a backup of your site first. ??

I am with Siteground ??
Ok… ummm realllly not familiar with this process… would you mind doing this for me please?

Sure thing- I’d be happy to! If you can send temporary admin info via support ticket I can get this resolved pronto.

How do I give you temp admin info???

Thanks for submitting that ticket, Louise- I’ve followed up there just now.

Hello… I have the same issue… Could you please check my case??? My web address is https://www.autosde10.com… thanks in Advance!!!

Hi @jorgefuantos,

In your case, it looks like you’re using a different theme, but it also looks like you were able to get this resolved already. Nice work!