Hilfe Responive Onpager mit Scroll in Bootstrap

[Georg.K1]

Hallo,
ich hab folgenes Problem. Ich baue mit Hilfe des hier zur Verfügung gestellten Responsive Onepage Menü mit Smoothscroll effekt ein eigenes Layout.



Ich habe es auch bis jetzt ganz gut hinbekommen, nur gibt es ein Problem wenn ich das Browserfenster auf Mobilgröße verkleinere. Da verschiebt sich der Contact (Orange) bereich in den Servive Bereich (Blau). (Bitte ausprobiern, dann seht ihr es am besten was ich meine).
Bei der Desktop ansicht bzw den größeren/breiteren Ansichten überlappt nichts.... woran kann das liegen.
Habe die Bereiche die 100% Höhe haben farblich gekennzeichnet zum veranschaulichen.

Kann mir jemand weiter helfen?
Ich bedanke mich schon im Vorraus!

Gruß Georg

 

[Myhar]

Kommt von height:100% bei .about-section. Wozu brauchst du das überhaupt?

 

[Georg.K1]

habe ich schon verucht mit der Höhe. Es ist egal was ich da einstelle oder auch wenn ich sie lösche. Problem bleibt bestehen.

Was meinst du, wozu ich was brauche?

 

[Myhar]

Mein Fehler, du hast da verschiedene -section mit height:100%. Du musst sie natürlich bei services-section (und contact-section) löschen. Und ich meine, wozu brauchst du einerseits diese Klasse (+div) und andererseits wieso setzt du die Höhe hier auf 100%?

 

[Georg.K1]

Kein Problem
Die klassen usw. waren in dem css von der Navbar so vorgegeben (kannst ja mal in den oben stehenden link rein schauen, da is quasi das Orginal) und ich dachte es wäre relevant für den javacode. Kenn mich mit Java leider gar nicht aus.
Aber du hast Recht gehabt. Ich habe die Höhen % entfernt und jetzt funktioniert es tatsächlich wie es soll. Konnte bei der Contact Section die Höhe auf 100% lassen.

Ich danke dir noch mal ganz herzlich !!! Der Nachmittag ist gerettet. Wer weiß was ich heute schon alles probiert habe^^

 

[Myhar]

. Kenn mich mit Java leider gar nicht aus.

Das macht nichts, schließlich brauchst du für Websites kein Java zu können. Da reicht JavaScript vollkommen aus. Und nein, die beiden haben nichts miteinander zu tun.