Der Menü-Button

Der Menü-Button ist fest positioniert (position:fixed) und ist damit beim Scrollen immer im sichtbaren Bereich des Browserfensters, es wirkt also so, als ob der Button mit scrollt. Möchten Sie lieber das der Button nicht mit scrollt, dann ändern Sie die Positionierung des Buttons von 'fixed' auf 'absolute' wie folgt:

Suchen Sie in der Datei menue.css diese Stelle:

#nav label.button-open{
position: fixed;}

Und ersetzen Sie es dann so:

#nav label.button-open{
position: absolute;}

Bilder

Hinweis: Die Fotos in dieser Vorlage sind von https://picjumbo.com/. Wir haben diese responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.

Icons

Wir verwenden Icon-Fonts

Font-Icons sind sozusagen grafisch wirkende Schriftzeichen, die aber wie normaler Text behandelt werden (denn es sind ja Textzeichen) und damit eine schnellere und leichtere Formatierung gegenüber grafischen Icons per Bildformat (z.b. gif, jpg oder png) ermöglichen. Wir haben eine der beliebtesten Icon-Schriften in dieser Vorlage bereits anbei. Sie heißt "Fontawesome".

Font Awesome

Viele weitere Icons sind möglich, denn die Icon-Schrift "FontAwesome" ist ja bereits in dieser Vorlage installiert. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.
Die Dateien der Icon-Schrift sind also bereits diesem Template beigefügt mit dem großen Vorteil, das die Icons somit auch geladen und angezeigt werden, wenn keine Internet-Verbindung besteht.

Die Icon-Schrift kann aber statt dessen auch noch einfacher durch einen entsprechenden Link im Kopfbereich der Seite aufgerufen werden, die Schrift wird dann serverseitig geladen, sehen Sie hierzu die Erklärungen auf der Seite des Anbieters. Dies mag für manche der leichtere Weg sein, falls man ein Versions-Update aktualisieren möchte. Aber wie gesagt: Besteht keine Internet-Verbindung, so wird in diesem Fall auch kein Icon angezeigt.