Hallo Norbert,
ich konnte Dein Problem mit etwas Bastel nachstellen.
Die "rechte Spalte" ist in der Demo garnicht formatiert.
Ich hab es nur kurz durchgeschaut, aber folgendes sollte das Problem sein:
Die Hauptspalte ist im CSS immer auf "flaot: left" gesetzt, ist damit aus dem Fluss genommen. Die rechte Spalte legt sich in diesem Fall für Dich unsichtbar darüber.
Das merkst Du daran, dass Du keine Texte markieren und auch keine Links klicken kannst.
Anschauen kannst Du das, wenn Du eine CSS/SCSS-Datei anlegst und diese im Betreffenden Layout als letzte CSS/SCSS-Datei einbindest.
Nun könntest Du dort folgendes eintragen:
Code:
#right {
border: 3px solid red;
}
Damit wird die rechte Spalte rot gerahmt und Du siehst, welchen Platz diese einnimmt.
Wenn Du nun das oben genannte CSS wieder entfernst und dies durch folgendes CSS austauscht, sollte dieses Problem erstmal gelöst sein:
Code:
@media (max-width: 767px) {
#main {
float: none !important;
}
}
Ich habe dies nur rudimentär getestet.
Bei weiteren Fehlern mit der rechten Spalte, einfach wieder hier melden.
Allerdings wirst Du nun trotzdem selbst noch im CSS tätig werden müssen, denn die rechte Spalte klebt ohne Abstand direkt am Rand.