Help solving bug which is breaking favicon.

Hello,

I was wondering if anyone may be able to help me solve a simple bug that i believe is breaking my favicon.

When loading my site you can see some extra padding at the top, in which, contains a dash -

i believe this was code either left behind from an uninstalled plugin, or code that i incorrectly injected into somewhere, i have searched high and low in the header, footer, theme liquid etc and cannot locate it.

using inspect element it seems to show its location but i still cannot find it in any of the code, image attached.

The website is matikdesign.com

Any clues appreciated!

Focus your search on the header.liquid and footer.liquid files, as they often contain code related to favicons and header element. Look for padding or margin properties applied to header elements or the body tag in your CSS. Adjust or remove them as needed.