Simon Kuhn Simon Kuhn - 1 year ago 74
HTML Question

Remove an object when on mobile

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!

Normal desktop view

When on mobile, the footer covers it -> I want the footer removed

Answer Source

Use CSS @media:

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

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

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download