To add a Facebook Icon next to Site Title, like this.
You can use this code to Code Injection > Footer
If code doesn’t work, you can comment below, message or email me.
<script>
window.instagramUrl = 'https://facebook.com';
window.instagramIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg>';
function createSocialIcon() {
let siteTitles = document.querySelectorAll('#site-title');
siteTitles.forEach(function(siteTitle) {
let link = document.createElement('a');
link.href = window.instagramUrl;
link.className = 'second-button';
link.innerHTML = window.instagramIcon;
siteTitle.parentNode.insertBefore(link, siteTitle.nextSibling);
});
}
document.addEventListener('DOMContentLoaded', function() {
createSocialIcon();
});
</script>
and this to Custom CSS box.
div.header-title-text {
display: flex;
align-items: center;
}
a.second-button {
width: 30px;
margin-left: 20px;
}
To change Facebook Link, change this.
To change Facebook size, change this.
