announcement-bar Announcement Bar not visable

Site URL: https://www.sanderswingo.com

I activated the Announcement Bar and have tried several CSS code sample from the forum and I can't get it to work. Can someone take a look and let me know what i'm missing? I've tried to add it to just one page adding code to Custom CSS and to page header, adding space to the header.

You've added a <style> tag  above Google Tag Manager in the Code Injection -> Footer which hides the announcement bar. You should ask the developers who made the site why that is as that code doesn't seem to do anything. It's for hiding sections that are already hidden – except the announcement bar which is actually hidden by that code. 

Here's the problematic part highlighted

A quick fix (however tbh this code is fixing mess by adding more mess). Goes to Design -> CUSTOM CSS:

html body .Site .sqs-announcement-bar-custom-location {
    display: block !important;
}

Demo

Also Google Tag Manager should probably be moved to Code Injection –> Header 

p.s. Let me know if you ever need to hire a SQSP pro to fix (or avoid) stuff like this 🙂

-Fenix

Thank you Fenix for the response, I was able to fix it and removed the first code you selected in the footer.

Cool 🙂 You can mark my reply as a correct one if it helped.  And don't hesitate to get in touch if you ever need more help.