Footer im Responsive Webdesign

Für mein Empfinden passt das eigentlich so. Damit die Blöcke vertikal bleiben musst Du per CSS MediaQueries einbauen, in denen die Schriftgrößen stufenweise verringert werden. Das bleibt aber nur bis zu einem bestimmten Punkt leserlich.

Ohne Link zur Seite ist es schwierig zu sagen, was für CSS Definitionen da greifen und was geändert werden kann

Ich kenne mich mit Helix nicht aus, ich weiß nicht ob es dafür Einstellungen gibt, oder ob man manuell per CSS was ändern muss...

Man kann die Seite mit einem htaccess Schutz versehen, dann kommt keiner drauf während man entwickelt.

Aber wie gesagt, ich kenne mich nicht mit Helix aus, ich würde erst in der Doku schauen was an Einstellungen möglich ist, bevor man mit CSS Änderungen anfängt

Also mit der CSS Änderung (rot)

templates/shaper_helixultimate/css/template.css 652

display: grid;

#sp-footer ul.menu {
    display: grid;
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}

schaut es so aus

Aber ob man das speziell im Helix einstellen kann???

Edit: Natürlich nur für mobile Ansichten mit einen media Querie umsetzen!

Könntest du nicht dein Avatar ändern? Mir läuft jedes Mal das Wasser im Mund zusammen.

Ohne Seite für mich schwer. Aber Du musst mit dem Padding und Margin Werten arbeiten, je nachdem welchen Abstand du meinst.

Aber wenn man so eine Seite baut sollten eigentlich zumindest rudimentäre CSS Kenntnisse vorhanden sein

Du weisst schon, dass dir noch ein Font fehlt?

Du musst die Fonts halt herunterladen, wenn du sie schon brauchst.

https://google-webfonts-helper…/montserrat?subsets=latin

Das ist eine Datei aus dem Bootstrap-Framework, die Du nicht ändern solltest - die wird bei einem Update möglicherweise wieder überschrieben. In den Helix-Template-Einstellungen gibt es eine Sektion, wo Du den CSS-Code eingeben kannst.