Extra "}" Creating Problems in Header

Site URL: https://www.detourcompanytheatre.org/

Other people have been working on our website and I noticed that now we have an extra "}" in the top left corner of our header (see attached photo). It's creating this extra bar of color on top of the header as well.

Anyone know where this would appear in the code and how to find it and remove it?

I suspect you have a syntax error in Settings > Advanced > Code Injection > HEADER.

Look for the following text...

}<style>

...and replace with...

<style>

You need to remove the errant right curly bracket.

Let us know how it goes.

Thanks for the advice, but I'm not finding anything like that in code injection > HEADER. I have copied the code from that section below. See anything I should remove?

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-201214163-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-201214163-1');
</script>

I tried removing the bracket that comes just after "(arguments);" but that didn't do the trick. I don't see any others in here. Are there any other coding sections where this issue could be coming up?

The second place to look is Page Settings > Advanced > Page Header Code Injection for the home page. Please see per-page code injection.

That seems more likely now as it appears the issue is only happening on the homepage.

Let us know what you find.

Success! Thank you so much!