Helix Ultimate - Menüleiste im oberen Bereich anlegen

Gleitsmann_Joerg

Hallo zusammen,

ich bin jetzt schon einmal mit meiner HP ein bisschen weitergekommen und habe eine neue Frage. Ich nutze das Template Helix Ultimate und habe dort ein horizontales Menü angelegt, welches auch gut funktioniert.

Nun ist aber so, dass so bald die Seite etwas länger ist, dass Menü weiter fest stehen bleibt und die Seite drunter wegscrollt. Wie bekomme ich es hin, dass das Menü noch weiter oben fest stehen bleibt und nur die Seite drunter wegscrollt?

Weiterhin suche ich eine einfache Erweiterung oder Plugin, damit ich auf der Startseite zeitverzögert den nächsten Renntermin anzeigen lassen kann. Ähnlich wie ein PopUp. Ein horizontaler Slider wäre eine andere Möglichkeit zur Anzeige des nächsten Termins.

Danke für die Hilfe

Jörg

Shuffle

Moin Jörg,

Zitat von Gleitsmann_Joerg

Nun ist aber so, dass so bald die Seite etwas länger ist, dass Menü weiter fest stehen bleibt und die Seite drunter wegscrollt. Wie bekomme ich es hin, dass das Menü noch weiter oben fest stehen bleibt und nur die Seite drunter wegscrollt?

kann es sein, dass deine Frage unverständlich ist?

In den Einstellungen des Templates kannst du festlegen, ob das Menü stehen blieben soll oder mit der Seite nach oben "'wegscrollt'.

System -> Site-Template-Stile -> deinTemplate -> grüner Knopf (Template Options) -> Basic (linkes Menü) -> (bis) Header (runterscrollen u. auswählen) und schließlich dort 'Sticky Header' ein- oder ausschalten.

Oder habe ich die Frage falsch verstanden? Dann verstell' ggf. mal den 'Sticky offset' (direkt unter der markierten Einstellung).

Vielleicht hilft´s?

Gleitsmann_Joerg

Danke für die schnelle Antwort. Jetzt bleibt zu mindestens die ganze Seite fest zusammen und scrollt gemeinsam nach oben und unten. Der Header Offset rückt nur das Menü an verschiedene Abstände. Aber es sieht jetzt schon mal besser aus.

Ich weiß, dass ich das Thema etwas verwirrt beschrieben habe und schwer zu verstehen ist. Ich habe mal einen Screenshot erstellt, wo meine Frage genauer zu verstehen ist. Hoffe ich zu mindestens.

hpbdesign

Hi Gleitsmann_Joerg,

Dein Menu rutscht nicht nach oben weil es zu breit ist, nimm mal einen Link raus.

Gleitsmann_Joerg

Hallo, mal wieder eine einfache Lösung gewesen, die geholfen hat. Das Menü ist jetzt wieder im oberen Bereich zu sehen. Vielen Dank an hpbdesign.

Wie kann ich es jetzt aber einstellen, dass das Menü fest stehen bleibt und nur Beitrag innerhalb des Bodys zu scrollen geht?

Danke

Jörg

Stef

Es existiert auch eine HelixUltimate Dokumentation.

Zusätzlich musst du noch ein Link entfernen, ist immer noch zu lang.

Gleitsmann_Joerg

Ja ich weiß das mit der Doku und versuche mich vorab darüber zu informieren. Manchmal findet aber auch nicht das Gesuchte. Dann frage ich halt hier nach, weil viele nach einem ähnlichen Problem suchen.

Ich probiere Deinen Hinweis nachher mal aus.

Dankeschön

Jörg

Shuffle

Zitat von Stef

Es existiert auch eine HelixUltimate Dokumentation.

Siehe #2

Stef

Sorry Shuffle , habs verpasst

Shuffle

Zitat von Stef

Sorry Shuffle , habs verpasst

Naja, verpasst hat´s der Jörg. Hauptsache, es kann geholfen werden!

Gleitsmann_Joerg

Guten Abend, der Tipp von Shuffle hat das erwünschte Ergebnis gebracht.

Jetzt habe ich mich ein paar Tage lang durch die Videos von Peter Schmuhl zum Aufbau von Webseiten mittels Frontend gelesen und was man grundsätzlich einstellen sollte. Was ich aber nicht finden konnte oder vielleicht auch nicht erklärt wurde, wie ich den Abstand des Bodys zum Header und zum Footer einstellen kann. Rein optisch scheint es ja der gleiche Abstand zu sein. Ich möchte aber gern diesen Abstand entsprechend anpassen, weil es einfach zu viel nackte Fläche in Weiß dazwischen ist. Weiß das jemand in der Runde und kann helfen?

Danke Jörg

Rolf Dautrich

Ob man das im Template einstellen kann, weiß ich nicht. Aber Du könntest das quick-and-dirty mit ein wenig CSS machen:

Code

#sp-main-body {
	padding: 50px 0;
}

Mit dem padding kannst Du spielen.

svenyeng

Hallo!

Im Helix-Template geht das unter Layout. Dort hast Du ja die einzelnen Modulpositionen und kannst alles nötige einstellen.
CSS Code von Hand schreiben ist da nicht nötig.

Gruß
sven

Shuffle

Moin,

das wäre auch hilfreich für die custom.css:

Code

/* Oberes Padding verkleinert  */
#sp-main-body {
 padding: 2% 0;
}

Gleitsmann_Joerg

Alles klar soweit. Dann probiere ich es mal aus und gebe hier eine Rückmeldung dazu.

Danke an alle

Gleitsmann_Joerg

Quick & Dirty hat geholfen.

Wie es dann über die Layouteinstellungen funktioniert, probiere ich auch noch aus.

Shuffle

Moin Jörg,

Zitat von Gleitsmann_Joerg

Quick & Dirty hat geholfen.

'dirty'?

Über die custom.css kannst du Änderungen im Layout durchführen, die über die Template-Einstellungen gar nicht möglich sind.

Hauptsache, es funktioniert. Schones WE!

Gleitsmann_Joerg

Guten Morgen zusammen, mal wieder eine Frage von mir zum Template Helix Ultimate.

Wie kann ich einstellen, dass die Fußzeile im Template immer an der selben Stelle bleibt und nicht nicht mit gescrollt wird? Ich gehe davon aus, dass ich das wieder im Frontend unter den Template Optionen machen muss. Es gibt im Bereich Layout den Punkt Footer mit einem Custom CSS Class Feld, nur was müsste ich dort denn eintragen, um das gewünschte Ergebnis zu erhalten?

Vielen Dank wie immer an alle

Jörg

Elwood

Setz das mal in die custom.css

Code

#sp-footer { 
    position: fixed;
    width: 100%; 
    bottom: 0px; left:0px;
}

Ggf. einzelne Seiten unten anpassen.

Gleitsmann_Joerg

Perfekt. Vielen Dank für die Lösung.

Jörg