Header code showing

Hello all! 

So I was finally able to show my full calender on the website by hiding the header however, now the code shows at the top. How do I enter multiple codes under advance settings so this code does not show? 

I have 0 experience in coding. Any help is much appreciated! 

Here are the codes I have under advanced settings: 

<style>
  .header{display: none}
</style>

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>

<healcode-widget data-type="schedules" data-widget-partner="object" data-widget-id="5a184799b623" data-widget-version="1" ></healcode-widget>

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

www.precision-sculpt-pilates.com  is my website 

It appears you have a URL above your style tag.

https://widgets.healcode.com/javascripts/healcode.js
<style>
  .header{display: none}
</style>

This is a syntax error. If the URL is supposed to be there is should be in a script tag. If you don't find the URL there then take a look in Settings > Advanced > Code Injection > HEADER.

Let us know how it goes.

I want to keep the header hidden as that is the only way the calendar will show. Will that keep the header hidden? 

https://widgets.healcode.com/javascripts/healcode.js

Is not valid HTML, that is why it is being displayed. It is a syntax error. Remove it.