Hotfix for the Missing Logo issue on Enfold 4.8.6.4

just for info: for those Participants who are using my replace every img svg file with its inline svg-function : now the logo img replacement is obsolete to replace.
On Enfold 4.8.6.4 this is done by the theme itself.

Therefore now uses the whole thing in this way excluding the logo img:

// replace every svg with its inline code
function replace_img_if_svg_with_inline_svg() {
?>
<script type="text/javascript">
(function($) {
  $(':not(.logo) img').filter(function() { return this.src.match(/.*\.svg$/); }).each(function(){
    var imgSVG    = $(this);
    var imgURL    = $(this).attr('src');
    var imgAlt    = $(this).attr('alt');
    var imgTitle  = $(this).attr('title');
    var imgClass  = $(this).attr('class');
    $.get(imgURL, function(data) {
    var svg = $(data).find('svg');
    	
    // Remove invalid XML tags - mostly that is usefull to preserve so it is commented out here
    // svg = svg.removeAttr('xmlns xmlns:xlink');

    // add replaced image's alt tag to the inline SVG
    typeof imgAlt === 'undefined' || imgAlt === '' ?  (svg = svg.attr('alt', 'Replaced Image')) : (svg = svg.attr('alt', imgAlt)) ;
    // add replaced image's Title tag to the inline SVG
    typeof imgTitle === 'undefined' || imgTitle === '' ? (svg = svg.attr('title', 'A SVG Image replaced by its inline code')) : (svg = svg.attr('title', imgTitle));
    // Add replaced image's classes to the new SVG and add replaced-svg as new class
    typeof imgClass === 'undefined' || imgClass === '' ? (svg = svg.attr('class', 'replaced-svg')) : (svg = svg.attr('class', imgClass+' replaced-svg'));
    // Replace image with inline SVG Code
        imgSVG.replaceWith(svg);
    }, 'xml');
});
})(jQuery);
</script>
<?php
} 
add_action('wp_footer', 'replace_img_if_svg_with_inline_svg');

Worked, thanx.

This does not work for one of our websites. Replacing the file still does not show the logo. As the website is live I used a temporary fix by replacing the logo output directly inside the functions.php of our child theme:

/**
 *  Custom logo
 */
add_filter('avf_logo_final_output', 'avf_text_logo_final_output');
function avf_text_logo_final_output($logo) {
	$link = apply_filters('avf_logo_link', home_url('/'));
	$logoImage = '<img src="URL_TO_LOGO/logo.svg" height="100" width="300" alt="Logo" style="max-height: 200px;">';
    $logo = sprintf('<div class="av-logo-container"><div id="logo" class="logo"><a href="%s">%s</a></div></div>', $link, $logoImage);
	return $logo;
}

i use often the svg-support plugin too – but i do not mark the “Force Inline SVG” Option. maybe that was the reason for trouble.

@Guenni007: there is no such option in the plugin I am using. (SVG Support)

@Pixel_Production: you have to use the “svg tag” like written above in your css

This is the initial problem of this new version. You have to replace the code, see the very first post at the top.

Sorry… ^_^

hi Yigit,

thank you so much!!

@48DESIGN : if you mark the “Enable Advanced Mode?” Option on SVG Support and save the rest will be shown.

@48design

I’m sorry but the same problem happened again with a customer’s website… This time no SVG-plugin was used!
“We are re-uploading your SVGs” is not an answer to this problem. There must be a solution for this problem everybody can use!

This might not be the right thread for this comment so please take it in the spirit it’s intended, but this shouldn’t be automatic, or at the very least there should be a hook that we can use to disable it. The “text-HTML” ratio is already extremely high with the Enfold theme (text-HTML ratio is a growing SEO factor – listed as warnings in SEMRush). This only makes it even more difficult to get past the threshold for pages that are high in design but low in content. In fact I’m here now because I just saw my SEMRush warnings skyrocket. Since the “SVG Support” plugin is widely used and already has that option, it would make sense to have an option to disable this in Enfold as well.