Social Media Icons not showing when programmed through theme

  • Resolved bitty_page

    (@bitty_page)


    9 years, 2 months ago

    I have installed the WordPress theme “Tracks” which has integrated social media icons (that one can edit under Appearance>Customize>Social Media Icons). When I view my website as an admin (meaning I click “view website” from the dashboard after logging in) I can perfectly see the icons in my header and all the ones in my footer. When I open a new tab or access my website without being logged into WordPress, then the icons are replaced by empty rectangles. Nonetheless, if one clicks on the rectangles, the link still works.
    These icons are not in the “widgets” category (unlike the ones in my footer – except for “Soundcloud” which displays the same problem as the other, since I integrated it through the theme customization). I do not want to just use the widget for my social media as it does not contain “Soundcloud”.
    Please help.
    Here’s my website: https://www.beatriceverzier.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Beatrice,

    Thanks for choosing Tracks!

    What’s happening is that the font file used for the icons is being blocked by the browser. It’s being blocked because it’s getting loaded from a separate domain which could be a potential security threat.

    The site is located at https://www.beatriceverzier.com, and the font file is being loaded from the non-www domain, beatriceverzier.com, which is technically a different domain. If you visit the General settings page, make sure both of the URL options use the https://www.beatriceverzier.com version of the domain. That should fix the icon display issue.

    Thread Starter bitty_page

    (@bitty_page)

    Hi Ben,

    Thank you for your help! That has solved many issues – more than I thought it would ??

    Can I ask you for two more tips?
    1) There is a little white ring behind the text but in front of my background picture – how can I remove it? I was told it must be an image…Is it part of the theme?
    2) I previously had my main menu in the “primary” section but chose to move them to the “secondary” section. When I did so, the primary section displayed all my menus in a random order. They are no longer there, as I created a ghost menu “
    “. For the desktop view, this is perfect but when one uses a mobile device, the menu bar is displayed in the “secondary” section (as desired) but equally in the “primary” section (which is actually empty). I would hate to confuse my visitors and would like to find a way to have the equivalent of the desktop version on all devices.
    Thank you very much!
    Best,
    Bitty

    Theme Author Ben Sibley

    (@bensibley)

    Glad to hear it!

    For the white ring, I don’t recognize that. I think it must be coming from a plugin on the site. What you can do is temporarily deactivate the plugins on your site. Then, if it disappears, reactivate them one-by-one until it returns. Reactivating your plugins like this won’t have any effect on their data/settings.

    As for the menu, you can add the following CSS to hide the toggle button normally used for the primary menu:

    .toggle-navigation {
  display: none;
}

    Copy & paste the code above into the “Custom CSS” section in the Customizer (Appearance > Customize), and it should take affect right away.

    This way, it will be clear there is only one menu available.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Social Media Icons not showing when programmed through theme’ is closed to new replies.