Aktuelle Nachrichten in mobiler Ansicht anders darstellen?

  • Hallo, ich würde gerne einen Hinweis /Link nur für die mobile Ansicht auf meiner Seite einfügen. Geht das über das "mobile_script"? Hintergrund ist, dass die aktuellen Nachrichten von der linken Seite in der Desktop-Version in der mobilen Ansicht unten angehängt werden. Man muss also immer haufenweise scrollen, bis man seine Infos findet.

    Ich bin aber auch offen für andere Lösungen...die Besucher sollen nur recht zeitnah beim Besuch der Seite die aktuellen Informationen finden können. Ich vermute, dass sehr viele die Seite in der mobilen Ansicht besuchen.

    Es handelt sich um diese Seite: http://midwife17.de

  • Hallo Christine,

    die Layouts von Zeta-Producer sind Responsive (aktuell die Modernste Form der Darstellung). Das Layout passt sich hier automatisch der Bildschirmgröße an. Du kannst das gut nachvollziehen in dem du das Browserfenster in der Breite verkleinerst. Sobald der Platz nicht mehr ausreicht springt der Inhalt der Sidebar unten. Eine 2. Variante für Mobile gibt es nicht und somit auch keinen Link.

    Für wichtige Infos könntest du das Widget Reservierungs-Popup verwenden. Wenn du dich etwas mit HTML und CSS auskennst eventuell auch eine externe Lösung wie DIESE.

  • Hallo Christine,

    eine Möglichkeit wäre, als ersten Artikel im Inhaltsbereich einen Button "Aktuelles" zu platzieren, der auf den ersten Artikel im Newsbereich verlinkt. Da in der mobilen Ansicht der Inhaltsbereich vor dem Newsbereich angezeigt wird, wäre dann bereits am Seitenanfang ein Hilfsmittel, welches den Besucher schnell zu den News führt. Bei der Betrachtung über den Desktop würde dies allerdings irritieren. Es gibt dann bestimmt eine Möglichkeit, diesen Button erst ab Unterschreiten einer bestimmten Bildschirmbreite einzublenden, dass können aber Mario, Jochen, madas oder die Jungs vom Support besser erklären.

  • Sehr gute Idee vom Thomas.

    Das hat mich noch einen Schritt weiter geführt. Man könnte auf die gleiche Weise den Artikel der Sidebar ausblenden und stattdessen als ersten Artikel einblenden.

    Hier ein Beispiel.

    So kann man das umsetzen.

    Den Artikel aus der Sidebar kopieren und als ersten Artikel in dem Inhaltsbereich einfügen.

    Unter Einstellungen > CSS folgendes einfügen und je nach Layout und Seitenbreite anpassen.

    Code
    <style>
    @media (min-width: 768px) {
    .news-inhalt{
    display: none;
    }}
    @media (max-width: 767px) {
    .news-sidebar{
    display: none;
    }}
    </style>

    Anschließend erhält der Artikel der Sidebar die CSS-Klasse: news-sidebar und der Artikel im Inhaltsbereich die CSS-Klasse: news-inhalt.

Jetzt mitmachen!

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