Logo not showing on live website

Hey Floflo,

The problem with the logo is that your page is trying to load it using (unencrypted) http, while the rest of the page uses (encrypted) https. The browser's security policy is blocking the logo to protect the rest of the page.

You should be able to fix it by changing the start of your logo URL from "http://" to "https://" (i.e. add the "s"). If you're using the default Divi header, you can change this at:

WP Admin > Divi > Theme Options > General > Logo

Alternatively, you can use a plugin such as Really Simple SSL to force the site to use https:

https://wordpress.org/plugins/really-simple-ssl/

For the YouTube icon, it looks like the site is instead having trouble loading one of Divi's CSS files. While the full details of the issue can't be seen in the screenshot, the error (ERR_NAME_NOT_RESOLVED) suggests that it may be looking for the file on a different domain (and failing to access that domain). If you can hover over / click on the "et-divi-dynamic-tb-17-343-late.css" link next to the error you should be able to get the full URL that it is trying to access, which should shed more light on the issue. At a guess I'd suspect it might be trying to load the file from your local (non-live) URL. If that's the case, check that the WordPress Address and Site Address have been correctly updated for the new site at:

WP Admin > Settings > General

 

Since the big performance update a while back, Divi doesn't load the Youtube icon by default. To load it, you need to trigger loading of the full icon set. The easiest way to do this is to set:

WP Admin > Divi > Theme Options > General > Performance > Dynamic Icons = Disabled

The way you're adding the YouTube icon isn't ideal - the reason being that since you're editing Divi's core files, your changes will be overwritten when you next update Divi.

An alternative approach, which will survive updates, is to enter your YouTube URL into, for example, "WP Admin > Divi > Theme Options > General > RSS Icon Url" and then change the RSS icon to the YouTube icon using the CSS such as this:

Code:

Log In or Sign Up to view this code.

If you need to, yet another approach would be to use a plugin, such as my Divi Booster plugin, to add YouTube and other social icons into Divi itself:

https://divibooster.com/more-social-icons-for-divi-header-footer/

For the SSL issue, I'm not familiar with localsite.io, so I can't say for sure what it's level of SSL support is, though the Local homepage seems to suggest it can handle SSL. In theory a locally-hosted development site can certainly support SSL and it looks from the screenshots that the main page is already being served over SSL. But something might be blocking the logo, etc, from being served over SSL. Your best bet might to be talk to the support team at Local - they may be able to better advise on how to set it up your site correctly for this.