• Louise

    (@louisedonnellydavey)


    Hi there
    My social icons are not visible on mobile… neither at the top header or the screen of bottom footer…
    can someone please help?
    They are showing on desktop…

    The page I need help with: [log in to see the link]

Viewing 14 replies - 1 through 14 (of 14 total)
  • Steven (LyraThemes)

    (@stevenlyrathemes)

    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!

    Thread Starter Louise

    (@louisedonnellydavey)

    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

    Thread Starter Louise

    (@louisedonnellydavey)

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

    Thread Starter Louise

    (@louisedonnellydavey)

    I just have squares showing up ? not the icons themselves

    Thread Starter Louise

    (@louisedonnellydavey)

    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.

    Thread Starter Louise

    (@louisedonnellydavey)

    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. 🙂

    Thread Starter Louise

    (@louisedonnellydavey)

    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.

    Thread Starter Louise

    (@louisedonnellydavey)

    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 http://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!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Social icons not showing on mobile’ is closed to new replies.