Remove an object when on mobile

Question

for my site I have this login screen with a footer on the bottom. The page is optimized for a desktop monitor and the site itself is already optimized for both pc and mobile, so I don't want to go through the trouble of creating a new mobile version.

I'm not super good at working with scripts so that's why I'm asking it here: can I make a script that removes the footer when the screen size is smaller than 400px?

Here some photos of the problem and maybe you guys can give me a solution? Thanks in advance!

Answer 1

Use CSS @media:

/* From 0 to 992px Device Width */
@media (max-width: 992px)  {

   #footer {
       display: none;
       // Other styles here
   }

}