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-Starter
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-Starter
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
ah verstehe, also doch echt blöd zu machen
Eigentlich überhaupt nicht „blöd zu machen“, sondern ganz einfach und schnell
¯\_(ツ)_/¯
Thread-Starter
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 :=)
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).
@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.