Das mit dem Bild hinter dem Header sehe ich auch, sogar im Browser bei bestimmten Größen.
Eigentlich möchte ich mich da jetzt nicht weiter mit einmischen.
Erstens hilft dir schon einer der besten.
Dann nutzt du
Bootstrap , das hasse ich wie die Pest.
Ich verstehe einfach nicht, was Bootstrap da für einen Mist macht.
Lösche ich zb den Wert
Code:
.p-0 {
padding: 0 !important;
}
Sieht es eigentlich gut aus.
Doch das kann nicht alleine die Lösung sein.
Auch deine CSS
Code:
body .slider-h-100 {
height: calc(100vh - 50px);
}
holt bei Löschen der CSS das Bild auch ein Stück runter
Wie gesagt ich kann da sowieso nicht richtig helfen bei weil Bootstrap mein Hass Kandidat ist.
Noch komischer ist es das ich meine devtools nicht resizen kann. Das bleibt einfach 400px ca. auf .
Ich kann da nicht mehr richtig debuggen mit und die Webseiten Seite geht somit auch nicht mehr größer und kleiner.
Sowas hatte ich auch noch nie.
Ich denke mal das
@Sempervivum dir bei dem Bild unter dem Header besser helfen kann .
Obwohl ich nicht weiß, wie fit er bei Bootstrap ist.
Bei dem anderen Problem mit dem weißen Rand rechts und links wird es schwerer werden.
Das Problem ist, dass man den Fehler selber sehen muss, um richtig debuggen zu können.
Ich weiß nicht, ob das geht ,
kannst du mit dem Problem iPhone die Webseite kopieren?
Wenn ja, versuch mal den kopierten Code bei codepen.io reinzukopieren und mit einen anderen Gerät wieder zu öffnen.
Falls der Fehler dann da zu sehen ist, hätte man vielleicht eine Chance.
Gibt es auf dem Handy sowas wie eine Konsole oder so?
Der Code, der im Inspektor angezeigt wird , der könnte vielleicht weiterhelfen.
EDIT;
Sehe gerade das Sempervivum dir sowas schon gesagt hatte, das du da selbe mal nach dem Fehler schauen kannst . Falls du ihn nicht findest dann Code kopieren