Footer Responsive Webseite

  • Hallo zusammen,

    ich habe leider folgendes Problem...

    Ich erstelle eine responsive Webseite mit Navigation, wenig Content und einem Footer. In der Desktop version funktioniert alles wie ich möchte dann beim Breakpoint verschwindet der Inhalt im Footer aber der Footer bleibt.


    Den Footer habe ich so erstellt:

    HTML:

    <footer>

    <ul>

    <li>Text123</li>

    </ul>


    CSS

    footer{

    width:100%;

    height:40px;;

    background:#999;

    position:fixed;

    left: 0px;

    bottom: 0px;

    }

    footer ul li{

    list-style:none;

    text-align:left;

    width: 60%;

    margin: auto;

    font-weight:normal;

    font-size: 15px;

    color: white;

    margin-top: 12px;

    }



    Mobile CSS:

    footer{

    width:100%;

    height:40px;

    background:#999;

    position:fixed;

    left: 0px;

    bottom: 0px;

    }

    footer ul li{ list-style:none;

    text-align:left;

    width: 40%;

    margin: auto;

    font-weight:normal;

    font-size: 15px;

    color: white;

    margin-top: 12px;

    }

    Danke schön für eure hilfe!