Hallo,
eigentlich ein längeres Problem bei dem Design Layout:
Sobald man im Footer Inhalte einfügt, geht die Ansicht auf dem Smartphone leicht über den Rand hinaus. Darum hatte ich auf der eigenen Website den Footer leer gelassen. Ist halt nicht so schön auf dem Handy, wenn der Inhaltsbereich nicht fix ist und rechts und links bewegen kann beim scrollen.
Anbei ein Screenshot. Also bei anderen Designs passiert das nicht, warum bei diesem? Gelb markiert.
Hallo
Wie überprüfst Du, dass der Footer auf dem Smartphone hinausragt?
Der Screenshot zeigt ja ein verkleinertes Browserfenster, was nicht wirklich der Darstellung auf dem Smartphone entspricht.
Am besten mal mit dem Smartphone die Website öffnen und prüfen, ob das tatsächlich der Fall ist.
Oder mit dem Developer-Tools der Browser die Smartphoneansicht simulieren.
In dem ich die Website auf dem Handy öffne. Auch bei der Simulation passiert das. Ist ein altes Problem, washalb ich auch auf meiner Website den Footer-Inhalt (deerbrands) gelöscht habe... Dachte inzwischen geht das. Aber ist nicht so.
Ok, und wie lautet die Web-Adresse?
Ok, und wie lautet die Web-Adresse?
Probier mal folgendes CSS als Workaround:
<style>
@media screen and (max-width: 736px) {
#afterfooter .zpgrid {
margin-left: 0;
margin-right: 0;
}
}
</style>Wunderbar, jetzt arbeitet das Layout beim Footer korrekt.
Unten ist die Footer-Hintergrundfarbe noch nicht bündig. Ist nur eine leichte Einfärbung. Kann ich theoretisch auch raus nehmen.
LG MIrco
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!