Hide footer in mobile version of website

Hi. I am looking to hide the footer when the website loads on any other that a desktop. It doesn’t look good on mobile versions of the website. I included a link to the website. My Website

Hi,

Btw, I cannot access your site, but maybe you can try to add the code below into: Customize > additional CSS.

@media only screen and(max-width: 768){
  .site-footer{ display: none; }
}

Regards,
Awan

I used the code snippet, unfortunately it didn’t work.

Hi,

I am sorry, something miss in the code in above. try this please:

@media only screen and(max-width: 768px){
  .site-footer{ display: none; }
}