Elementor Akkordeon geschlossen beim Start

Wie bekommt man das Elementor-Akkordeon geschlossen beim Start der Seite?

Elementor ist zu meinem bevorzugten visuellen Designer für WordPress geworden, und wir verwenden es sehr oft in Projekten der Kunden unseres Unternehmens. Im heutigen Post teile ich einen kleinen Trick, mit dem Sie den Akkordeons dieses Tools einen geschlossenen Look verleihen können.

Elementor logo

Es ist sehr üblich, dass ein Kunde Sie bittet, Informationen in Akkordeons zu “setzen”. Es wird häufig für SEO-Themen verwendet. Die Seite muss eine bestimmte Anzahl von Wörtern enthalten, aber es gibt keine Möglichkeit, dass so viel Text da hinein passt.

Das Problem ist, dass in Elementor standardmäßig immer die erste Registerkarte des Akkordeons geöffnet. Und es gibt Kunden, die das hassen! Kann man das eine lösen? Natürlich, wenn Sie einfach den folgenden Code in einem HTML-Block einfügen, wo immer Sie wollen:

<script> 
jQuery(document).ready(function($) { 
var delay = 100; setTimeout(function() { 
$('.elementor-tab-title').removeClass('elementor-active');
 $('.elementor-tab-content').css('display', 'none'); }, delay); 
}); 
</script>

Also irgendwo auf der Seite einen HTML Block platzieren und den Code einfügen. Keine Angst: Er wird nicht sichtbar im Frontend sondern sorgt nur eine geschlossenes Akkordeon beim Seitenstart.

Ich wünsche gute Unterhaltung!

Nachtrag

Elementor vertical fix

Bei dieser Gelegenheit: Noch eine nervige Kleinigkeit beim Elementor :  auf Mobiles kann man die ganze Seite vertikal hin und her schieben. Um das abzustellen ein schneller fix für das style.css des CHILD Themes (die passende Media Query setzt ihr selbst) =>

/*mobile fix */

html,

body{

width:100%;

overflow-x:hidden;

}

Du brauchst hilfe zum Thema? Schreib mir....

Verwandte Artikel

web safe fonts schriften im web
Webdesign

Das Kreuz mit den Schriften im Web

Regel : Benutze web safe-Fonts bzw. websichere Schriften! Natürlich! Logisch! Nichts besser als Websafe Fonts. aber wie eigentlich? Erkenntnis: Es gibt kaum noch Websafe-Fonts! Wir haben doch Google Fonts! Natürlich. Das Erscheinen der

Weiter lesen »

Teilen

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Steffen Rössler

Steffen Rössler

Diplom-Webdesigner | dreifacher Vater | Klassik-Liebhaber | Schnellleser | UmDieEcke-Denker. Lebt und arbeitet in Braunau a. Inn

10 Kommentare zu „Elementor Akkordeon geschlossen beim Start“

    1. Steffen Rössler

      Halli Oliver,
      Ein 510 Error besagt, daß HTML Code nicht vollständig ist und somit nicht ausgeführt werden kann. Hast Du das script komplett kopiert und in einem HTML Baustein untergebracht?

  1. Hey, auf dem Desktop funktioniert es bei mir super, auf dem Handy jedoch garnicht .. Woran kann das liegen?

    Vielen Dank vorab.

  2. Adrian Stauffer

    Hallo

    einfach zu integrieren und funktioniert soweit perfekt. Bis mich jemand darauf aufmerksam gemacht hat, dass die Seite auf dem Smartphone einen Schönheitsfehler hat.
    Das oberste Accordion hat eine etwas kleinere Schrift als die Anderen. Wenn man mal drauf geklickt hat wird sie gleich gross wie die Anderen. Nach einem refresh ist das Problem wieder da.
    Nur ein kleiner Schönheitsfehler und ich weis nicht ob dies bei jedem zutrifft.

    1. Steffen Rössler

      Das kann ich leider überhaupt nicht nachvollziehen. Der Code sollte einwandfrei NUR den obersten Tab schließen und sonst gar nix. Ich habe selbst auf. etlichen Seiten im Einsatz.

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Scroll to Top