Support » Plugins » Elementor Dropdown für ganzes Feld (mobile Ansischt minimieren)

  • Gelöst sagwan

    (@sagwan)


    Hallo,

    ich habe in Elementor ein Feld mit Insg. 4 Bildern in Reihe, jetzt wollte ich gerne das es in der mobilen Version nicht verschwindet sonder lediglich sich minimiert und sobald man drauf klickt sich einblendet, so wie ne Menü Leiste halt (dropdown) die in der PC Version angezeigt wird und auf der Mobilen Version als 3 Striche angezeigt wird

    • Dieses Thema wurde geändert vor 1 Woche, 3 Tage von sagwan.
Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Ohne einen Link zur Website könn(t)en wir nur raten:

    Warum ein Link zu deiner Website wichtig ist

    Davon mal ganz abgesehen, wie soll sich ein Feld mit Bildern minimieren und dann, wenn man drauf klickt, eingeblendet werden? Man kann Felder in den Abmessungen minimieren, was aber nicht bedeutet, dass es nach Klick aufklappt. Vielleicht solltest du zusätzlich eine Beispiel-Seite verlinken, auf der das zu sehen ist.

    Thread-Ersteller sagwan

    (@sagwan)

    Ah okay, hier meine Seite https://dio-salon.de/
    Dort habe ich die 4 Bilder oder 4 Texte als eine Art Menü-Bar angepasst, in der mobilen Version sollten die aber wie ne richtige Menü Bar eingeklappt werden

    In Bearbeitungsmodus mit Elementor kannst du im Tab „Erweitert“ unten den Menüpunkt „Responsive“ aufklappen. Dort findest du die Möglichkeit Widgets, Spalten oder Abschnitte für Desktop/Tablet oder/und Smartphone zu verstecken (hide).

    Verstecke die gewünschten Elemente (Bilder und Texte) auf Smartphone und/oder Tablet. Füge zwei weitere Elemente hinzu (Bilder nach deinen Vorstellungen und ein Responsive-Menü-Widget), diese versteckst du auf Desktop (und evtl. Tablet je nach Präferenz).

    Thread-Ersteller sagwan

    (@sagwan)

    ah verstehe, also doch echt blöd zu machen

    Dachte es gebe ein CSS Code die mir diese 4 Bilder wie eine Menübar anpasst sodas die in der mobilen Version so angezeigt wird

    Moderator Angelika Reisiger

    (@la-geek)

    ah verstehe, also doch echt blöd zu machen

    Eigentlich überhaupt nicht „blöd zu machen“, sondern ganz einfach und schnell
    ¯\_(ツ)_/¯

    Thread-Ersteller sagwan

    (@sagwan)

    einfach und schneller ja, aber ich will halt auch dies was ich gerade habe als Dropdown 🙂 und keine normale Menü Leiste. Aber trotzdem danke für deine Hilfe :=)

    Moderator Angelika Reisiger

    (@la-geek)

    Ich hatte mir deinen Screenshot (den du ja mittlerweile wieder entfernt hast) angesehen und ja, das geht so, wie ich es erklärt hatte.

    Du musst kein Widget Responsive-Menü nehmen, sondern du kannst jedes Widget einfügen, z. B. auch ein Widget Accordion, das im Aufklapp-Bereich das Icon Hamburger verwendet.

    Was du dir aber vorstellst „mit ein bisschen CSS“ wird so nicht funktionieren. Du hast vier Spalten (in denen sind umschließende Divs und je ein Widget Überschrift), wie sollte das gehen? Mit viel Fleiß und Kreativität ja vielleicht sogar möglich, aber da würdest du genauso mit display: none bzw. visibility:hidden (beides = hide) und display:block oder flex oder visibility: visible bei mouse hover arbeiten. Das wird dir hier niemand mal eben so aus dem Ärmel schütteln (wollen).

    Moderator Angelika Reisiger

    (@la-geek)

    @sagwan

    Ich habe einmal zwei Anleitungen für dich ausgegraben:

    Mit CSS und JS
    https://www.w3schools.com/howto/howto_js_dropdown.asp

    Nur mit CSS
    https://www.w3schools.com/css/css_dropdowns.asp

    Und damit schließe ich auch diesen Thread hier. Lösungen wurden dir genannt, was aber viel entscheidender ist, ist der Umstand, dass dieses Forum hier Hilfe zur Selbsthilfe bei WordPress-Problemen gibt, bzw. den Support erhältst du von lauter unbezahlten Freiwilligen. Die Betonung liegt auf WordPress-Probleme, wir helfen auch ab und zu bei CSS-Problemen, aber das sollte nicht ausufern.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „Elementor Dropdown für ganzes Feld (mobile Ansischt minimieren)“ ist für neue Antworten geschlossen.