Das Avada Theme ist ein häufig eingesetztes Theme dessen Fusion-Slider den Seitenaufbau extrem verlangsamen. Ein Versuch das Problem zu umschiffen.
Situation
Slider nerven, da sie die Seite enorm langsam machen. Sollte ein seitenübergreifendes Bild genügen können wir auf das Ersatzbild für Mobile zurückgreifen in dem wir es mit einer Zeile CSS für alle medienbreiten zur Verfügung stellen. Im eigentlichen Slider hinterlegen wir kein Bild damit das Ersatzbild zur Geltung kommt.
Step-2-Step Anleitung
- Füge ein „Sliders“ hinzu. Ändere die höhen auf 0px. Deaktiviere die Autoplay Checkbox.
- Füge ein Slides hinzu jedoch kein Bild einfügen.
- Verlinken Sie das „Slides“ mit dem nötigen „Sliders“
- Gehen Sie auf die Entsprechende Seite und geben Sie entsprechenden Slide an.
- Geben sie unten beim Ausweichbild das gewünschte Bild ein.
- Hinterlegen Sie einmalig folgenden CSS Code:
@media only screen and (min-width: 800px){
#fallback-slide {
display: block;
}
}
#sliders-container {
position: relative;
display: none;
}