Helix Ultimate Framework Footer scrollend machen?

Hallo Community,

ich habe auf meiner Seite Joomla4 mit dem HelixUltimate Framework laufen. Dorot habe ich auch meinen Footer, welchen ich mit dem folgenden CSS Code an die untere Bildschirmseite gepinnt habe.

#sp-footer { background: #1a1a1a; position: fixed; width: 100%; bottom: 0; z-index: 999;}

Anschließend hat aber der Footer bei der Ansicht auf dem Smartphone einige Inhalte die eben über dem Footer waren verdeckt. Die Inhalte waren also "hinter" dem Footer.

Dann habe ich folgenden Code hinzugefügt:

#sp-main-body {
    margin-bottom: 7% !important;
}

Funktioniert soweit auch.

Jetzt aber mein größtes Problem, der Footer ist IMMER am unteren Bildschirmrand zu sehen. Ich kann zwar den Beitrag runter scrollen, Jedoch ist der Footer immer da. Wie kann ich es anstellen, das der Footer erst nach dem Beitrag kommt, und eben nicht IMMER zu sehen ist?

Danke im Voraus!

Viele Grüße,

Nycrofox

Jup.

https://1homepage.de

Ist noch in Arbeit, deswegen ist die Home Seite auch noch leer. Auf den Anderen kann man es aber sehen

Ebenso habe ich im Footer ein Menü, welches am PC gut angezeigt wird (ohne Menü Symbol) aber auf dem Handy ist das Drei-Strich-Menü-Symbol im Footer. Geht das irgendwie weg?

Ich habe gemerkt, das wenn ich das position:fixed rausnehme, das dann der Footer ans ende des Beitrages rutscht, jedoch bleibt er dann, bei besonders kurzen seiten (wie aktuell Home) auch in der Mitte der Seite, und eben nicht unten...