Square Responsive Layout Frage

  • Guten Tag,

    ich habe gerade eine Seite mit Square Responsive erstellt. Das Layout war ja in der "normalen" Version schon brauchbar, jedoch erschließt sich mir nicht der Sinn, warum folgendes so angeordnet ist, wie es ist:

    1. Suchfunktion am unteren Bildschirmrand?
    2. Untermenu gequetscht oberhalb der Headergrafik

    Das sieht nun wirklich nicht schick aus!

    Daher also meine Fragen:

    Wie bekomme ich die Suchfunktion oberhalb des Hauptmenus, wie es auch bei anderen Layouts der Fall ist?
    Wie kann ich das Untermenu z.B. in den Newsbereich reinbekommen?

    Wäre toll, wenn ich da kurzfristig ein paar praktikable Lösungen bekommen könnte.

    Gruß Ronny

  • Hallo Ronny,

    warum müssen alle Layouts denn immer gleich sein? Wenn Dir die genannten Punkte bei diesem Layout nicht gefallen oder sich Dir nicht erschließen, dann ist das ja OK, aber dann verwende doch ganz einfach ein anderes Layout.

    Eine "praktikable Lösungen" können wir daher auch aus Zeitgründen nicht anbieten. Vielleicht macht sich ja ein anderer Benutzer die Mühe und kann Dir hier helfen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Steffen, das war jetzt keine Kritik, sondern es fehlt mir lediglich die Nachvollziehbarkeit nach dem Sinn, warum z.B. ein Suchfeld am unteren Ende der Seite zu finden ist...

    Aber wie Du schon geschrieben hast, vielleicht findet sich ja jemand hier, der mir weiterhelfen kann.

    Gruß Ronny

  • Hallo Ronny,

    Änderungen die insbesondere den Layout Part betreffen, kannst Du nur über ein angepasstes Layout, also einer Kopie des Originallayout, realisieren.
    Bedenke aber, dass angepasste Layouts von Zeta Producer Updates ausgeschlossen sind !!

    Im Anhang mal eine default.html (gezippt) von Square Responsive.
    In diesem Layout liegt das Untermenue im News Bereich und das Suchfeld oberhalb des Banners. Vieleicht ist das ja was für dich.

    Kopiere das Template Square Responsive und gebe dem neuen Layout einen individuellen Namen. Überschreibe die original default.html des kopierten Template mit der im Anhang.

    Zwei Sachen sind zu beachten:

    • Im Layout Designer solltest Du insbesondere die Farbeinstellungen im Hauptmenue anpassen (Wichtig! - Das Menue bei der responsive Ansicht ist z. Bsp. transparent)
    • Das Suchfeld ist bündig dem News Bereich angepasst. Wenn Du es bündig zum Gesamt Layout haben möchtest könntest Du über das erweiterte CSS noch folgendes einfügen:
    CSS
    <style>
    #search {padding: 0 0 !important }
    </style>


    Have fun .... ;)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!