Hallo,
ich verwende Elementor nicht, aber bei Elementor kann man unter Werkzeuge > Generell > CSS & Daten neu generieren auf den Button „Dateien und Daten neu generieren“ klicken.
Vielleicht ist das hilfreich.
Zusätzlich solltest du vorher alle Cache-Plugins (also auch Autoptimize) deaktivieren.
Viele Grüße
Hans-Gerd
Danke für den Tipp, aber leider macht das keinen Unterschied. Wenn ich allerdings die CSS-Optimierung bei Autoptimize aktiviere, ist auch die Darstellung in Chrome/Mac nicht mehr korrekt.
Das Problem liegt wohl hier:
@media (min-width: 576px) {
.col-sm-10 {
flex: 0 0 auto;
width: 83.3333333333%;
}
}
Versuches mal mit
@media (min-width: 576px) {
width: 100%;
}
}
im Custom-CSS
-
Diese Antwort wurde geändert vor 1 Monat von bscu.
Wenn ich deinen Code einfüge, ändert sich nichts. Wenn ich das Folgende einfüge, ist der Content wieder zentriert, das Menü aber nicht.
@media (min-width: 576px) {
.col-sm-10 {
margin: auto;
width: 83.3333333333%;
}
}
Schalte erstmal jegliche Optimierungs- und Caching-Plugins ab. Nur dann siehst Du auch das was dein Elementor tatsächlich an Code und visuellem Aussehen erzeugt. Aktuell führt die Optimierung z.B. zu einem JavaScript-Fehler bei jedem Aufruf. Das kann sich auch auf die Darstellung negativ auswirken, genau wie fälschlicherweise „wegoptimierte“ HTML-Codes oder Styles.
In deinem individuellem CSS hast Du zudem einige Schreibfehler eingebaut, wodurch die Styles gar nicht richtig geladen und interpretiert werden. Beispiel:
//width: 190% !important;
Eine Kommentierung mit „//“ gibt es in CSS nicht. Zudem ist auch der Wert völlig falsch, vermutlich war es ein Versuch. Aber insgesamt führt das eben zu Fehlinterpretationen.
Und ganz am Ende von deinem individuellen CSS steht:
color: #ffffff !important;
cursor: pointer !important;
}
}
Diese Zeile solltest Du komplett entfernen da sie in keinem Zusammenhang mit irgendeinem Selektor stehen. Sie verursachen ebenfalls Fehlinterpretationen durch die Browser.
Sobald Du o.g. behoben hast (und auch das Caching deaktiviert hast) kann man schauen wie man ggfs. Darstellungen für dich anpassen kann.
Noch ein Hinweis zum Datenschutz:
Deine Seite lädt, bevor man den Consent bestätigt, bereits externe Daten. Konkret einmal die jquery.min.js von einem Google-Server (was überhaupt nicht notwendig wäre, da WordPress das bereits mitbringt), zum Anderen auch irgendeine merkwürdige JavaScript-Datei von canyonthemes.com. Das solltest Du unbedingt verhindern.
Hi! Danke für die Hinweise. Das Darstellungsproblem habe ich schon auf andere Weise in den Griff bekommen (Warum es überhaupt zum Problem kam, weiß ich aber immer noch nicht).
Zum Datenschutz: Hast du einen Tipp für mich, wie ich das Laden dieser Daten verhindern kann? Mir war das auch schon aufgefallen, aber das Real Cookie Banner Plugin hilft mir an dieser Stelle nicht wirklich weiter. Zumindest weiß ich nicht, was ich da wie einstellen kann/muss. Mach ich das über das Plugin mit einem Content Blocker, oder geht das anders?
Aus meiner Sicht hast Du die Darstellung weiterhin nicht im Griff. Das Menü ist linksbündig platziert und hat auch eine merkwürdige unsichtbare Breite weshalb man es so schwer zentrieren können wird.
Ein Content Blocker kann dir nur helfen das Laden von von dir eingesetzten Scripten beim Laden der Seite zu verhindern. Nicht jeder kann alles erkennen, manchen muss man extra nachhelfen. Ich würde jedoch weniger schauen, ob es möglich wäre sie zu blockieren sondern erstmal zu hinterfragen, ob du sie überhaupt benötigst.
Das jQuery-Script z.B. ist absolut unnötig, das braucht man nicht wenn man WordPress einsetzt. Die problematische Zeilen sind diese hier:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function() { jQuery("body").on("click", ".click-child", function() { var href = jQuery(this).find("a").attr('href'); window.location = href; }); });
</script>
Das sieht für mich nach dem Versuch aus ein onclick-Event an Elemente mit der Klasse „click-child“ zu setzen. Ich sehe darin derzeit keinen funktionalen Sinn. Vielleicht hast Du die in Elementor als Custom Code hinterlegt oder anderswo. Wenn Du es nicht findest, deaktiviere testweise Plugins um diese als Ursache auszuschließen.
Der andere Aufruf wird durch dein Theme verursacht. Du solltest dich an den Support des Themes wenden um abzuklären, ob es zur Deaktivierung eine Option im Theme gibt.
Es war tatsächlich custom code in Elementor. Der Sinn war einmal, ein nicht klickbares Element klickbar zu machen. War aber schon länger nicht mehr aktuell.
Bleibt nur noch das Theme. Ich werde es wahrscheinlich demnächst gegen ein anderes tauschen, da es ohnehin ziemlich unflexibel ist. Und wenn es auch noch mit dem Datenschutz kollidiert…
Danke für deine Mühe!
Hallo @nicolas3366
kannst du das Thema dann bitte als gelöst markieren, wenn das Problem damit für dich behoben ist:
Die Option findest du rechts in der Sidebar. Danke.
Wieso soll ich mein Problem als „gelöst“ markieren?
Sonst schauen wir unnötigerweise immer wieder in ein bereits gelöstes Thema. 😉
Viele Grüße
Hans-Gerd
Danke für die Rückmeldung und “Gelöst”-Markieren. 👍