Why is my header still showing even though I added css code to remove it?

I added each of the following css codes to try to get rid of the header, in order to make the homepage a landing page. However, every time I go to the url site without using the Squarespace builder to preview the website, the header is present each time. How can I effectively remove the header from my website? 

Please note that in the Squarespace builder preview the header is omitted but when i search the actual url, the header is still present. I don't understand why that's occurring. Thank you so much in advance for the help. 

CSS code I used:

tweak fixed header {display:none}

div header-announcement-bar-wrapper {display: none}

header{display: none}

siteurl: https://www.luzcgarcia.com/

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.

Hello, I apologize I thought I had included it. I added just now. I appreciate the help. Thank you!

Your CSS is invalid.

Use the following.

.homepage #header,
.homepage #footer-sections,

  {
  
    display : none;
    
    }

Let us know how it goes.

Thank you so much it worked perfectly. Thank you x 1000

One more question if I can, is removing the footer possible too?

I have updated my code post.

It worked. Thank you so much for your help. 

On 10/21/2022 at 11:28 AM, creedon said:

Your CSS is invalid.

Use the following.

.homepage #header,
.homepage #footer-sections,

  {
  
    display : none;
    
    }

Let us know how it goes.

HI Creedon, I am trying to remove my footer on just my homepage (alwaysajt.com) - this has worked, thank you. HOWEVER  when looking on mobile (on my actual device and not just in mobile mode when editing) there;s a big gap at the bottom where the footer used to be. Please help! Thanks

On 11/10/2022 at 5:51 PM, minnieosc123 said:

HI Creedon, I am trying to remove my footer on just my homepage (alwaysajt.com) - this has worked, thank you. HOWEVER  when looking on mobile (on my actual device and not just in mobile mode when editing) there;s a big gap at the bottom where the footer used to be. Please help! Thanks

Try this code