Sidebar nach unten verrutscht

Gelöst Markus Winter
(@mawiti)

vor 1 Jahr, 4 Monaten

Hallo alle zusammen

ich verwende das Theme 2016 und habe seit ein paar Tagen/Wochen ein Problem festgestellt.
Die Sidebar rechts ist auf einmal nach unten verrutscht. Früher war sie bündig am oberen Rand. Jetzt kommt sie unter den Seitenfüssen.

Kann das mit einem Update in den vergangenen Tagen zusammen hängen?
Ich habe auf einigen Seiten neu einen Navigationsblock eingefügt. Ist dies der Grund?

Bis vor kurzem war alles immer oben korrekt bündig…

Was habe ich falsch gemacht? Wie bringe ich die Sidebar rechts wieder an die originale Stelle?

Vielen lieben Dank für jegliche Hinweise
Gruss Markus

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)

Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 4 Monaten
Hallo,
füge bitte die mal folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS ganz am Schluss ein:
```
.sidebar {
    margin-left: 0%;
}
```
Da steht z. Zt.:
margin-left: 75%;

Viele Grüße
Hans-Gerd
Thread-Starter Markus Winter
(@mawiti)

vor 1 Jahr, 4 Monaten

Salü Hans-Gerd

Super vielen lieben Dank, habe das gemacht und oh wunder, es tut.

Herzliche Grüsse aus dem heute verregneten Tessin…

Thread-Starter Markus Winter
(@mawiti)

vor 1 Jahr, 4 Monaten

Schreck lass nach ! Ein Problem zieht das andere…
Wenn ich über das Suchfeld etwas suche, dann ist die SideBar jetzt auf einmal über dem Suchergebnis.

Auch mit dem Link https://markus-winter.ch/?s=meetup geht das übereinander…

Verändere ich im UserCSS den Prozentwert immer höher, rutscht die Sidebar nach rechts. Aber dann ist sie auch ausserhalb des Suchergebnis falsch verschoben…
Mein Gott… ich hatte so viel Freude…

Gibt es eine andere Lösung?

Vielen sonntäglichen Dank und beste Grüsse
Markus
bscu
(@bscu)

vor 1 Jahr, 4 Monaten
```
@media screen and (min-width: 56.875em)
.content-area {
  float: left;
  margin-right: -100%;
  width: 70%;
}
```
margin-right: -100%; scheint mir sehr merkwürdig.

Für jemanden, der Webseiten kommerziell erstellt, sollte das eigentlich selber findbar sein. 😉 😉

Klicke in deinem Browser mit der rechten Maustaste auf das Element, welches du anpassen willst. Dann wählst du im Kontext-Menu „Untersuchen“, danach sieht du in der Entwicklerkonsole des Browser, welche CSS-Regeln greifen

Ich möchte auch darauf hinweisen, dass wir hier bei WordPress-Fragen helfen. CSS-Probleme gehören in der Regel nicht dazu.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von bscu.
Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 4 Monaten
Bitte sachlich bleiben.
Thread geschlossen.

Nachtrag:
Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Die Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.

Für weitere CSS-Probleme jedoch sollte man sich selbst näher mit CSS beschäfigen z. B. hier, hier oder hier.

Ich ergänze diese Links zum Erlernen von CSS noch mit einem Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Angelika Reisiger. Grund: Nachtrag
Thread-Starter Markus Winter
(@mawiti)

vor 1 Jahr, 4 Monaten
Guten Abend liebe Freunde

Vielen Dank allen, welche dem im Betreff genannten Thema geholfen haben. xxxx Gelöscht von Moderatorin -> bitte sachlich bleiben.

@bego Vielen Dank für Deinen Einsatz. Als ich die Frage geschrieben hatte, glaubte ich nicht daran, dass es ein CSS Problem sein könnte. Denn das Layout sah bis vor einigen Tagen perfekt aus.
Dann hatte ich einige Navigations Blöcke eingebaut, einige Seiten hinzugefügt und es war immer ok. Irgendeinmal wurde ein Update gefordert, welches ich durchgeführt hatte. Aber das nach unten rutschen, ist mir damals noch nicht aufgefallen.
Erst jetzt am Wochenende merkte ich, dass es so nicht gut ausschaut. Aber ein Restore ist nach so viel Arbeit an der Webseite keine gute Idee.
Weil ich wusste, dass ich nichts bewusst am CSS verstellt hatte, fragte ich nach… im Glauben dass es mit dem Update oder den Navi Blöken zu tun hat…
Sorry, dass ich gefragt habe…

@bego, Frage: Wenn man professionell Webseiten mit WordPress herstellt, muss man dann zwingend CSS kennen? Und Du wirst es nicht glauben, ich habe als Kursleiter für WebPublisher sogar CSS in meinen Klassen unterrichtet. Das bedeutet aber nicht, dass ich alle CSS Befehle auswendig kenne. Vor allem mit der Vererbung tu ich mich noch recht schwer in dem Theme 2016.

@ Angelika: Danke vielmals für Deine Links. Habe die in mein OneNote aufgenommen und werde sicher immer wieder darin rum guseln… vor allem der erste gefällt mir gut.

Auch Dir, liebe Angelika, sorry, dass ich zuerst daran geglaubt habe, dass es ein Update-Problem sein könnte.

Und nach der neusten Situation suche ich in Deinen Links nach einem Hinweis, wie man CSS unter einer IF-Klausel lösen kann. Denn so sieht es für mich im Moment aus.
Wenn die Seite über einen Link im Menü aufgerufen wird, dann ist die Sidebar richtig rechts oben.
Wenn hingegen etwas auf der Seite gesucht wird, verrutscht die Sidebar, aktuell über den Text, sieht nach Position,absolut aus… aber das gibt es weder in meinem CSS File noch im Customizer…

Danke der Hilfe von Bego weiss ich, dass die CSS Klasse entweder sidebar oder aber Widged area sein könnte. Die Klasse sidebar reagiert in beiden situationen, sowohl über link aufgerufen als auch über die Suche aufgerufen. Nur halt eben unterschiedlich…

Und das drängt mich jetzt erneut zu glauben, dass es nicht ein Problem von CSS ist.
Vor allem eben auch, weil andere Webseiten mit dem Theme 2016 noch immer funktionieren.
Bitte verzeiht, dass ich mich mit einem WordPress Theme 2016 welches bis vor kurzem funktionierte, an ein WordPress Forum wende, weil ich vermute, dass es mit dem Update oder der von mir eingebauten Navigationsblöcken zu tun haben könnte…

Danke Bego
Danke Angelika
Danke Hans-Gerd

Viele schweizer Grüsse
Markus
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Angelika Reisiger.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Angelika Reisiger.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Angelika Reisiger.
Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 4 Monaten

Das Problem ist mit CSS zu lösen, daher mache ich auch diesen Thread zu.

Thread-Starter Markus Winter
(@mawiti)

vor 1 Jahr, 4 Monaten

Guten Abend alle zusammen

Besonders an Angelika Danke
Besonders an Bego Danke
und auch an Hans Gerd Danke

Grundsätzlich danke für Eure sehr geschätzte Unterstützung.
Mein Verdacht war, ein Problem mit Update.
Dieser Verdacht war fast richtig. Aber nicht ganz.
Euer Verdacht war: es ist ein CSS Problem. Danke für Euren Einsatz. Aber der Verdacht war im Nachhinein, leider falsch.
Auch wenn Angelika energisch darauf bestand, dass es NUR mit CSS zu lösen sei, fand ich die Lösung an einem anderen Punkt.
Nach langem Studieren ist mir eingefallen, dass ich neben dem Update auch ein Plugin installiert hatte. In der MultiSite Installation. Falscher weise für alle aktiviert…

MasterStudy LMS WordPress Plugin – Learning Management System, eLearning, Online-Kurse

Das ist jetzt deaktiviert, denn es kommt in meiner Domäne nicht zum Einsatz, ich brauche das in einer anderen Subdomain.

Und jetzt funktioniert die Sidebar wieder. Plugin deaktiviert und altes CSS wie gehabt wieder hergestellt.

Danke Euch allen für Eure Wertvolle Geduld und Hilfe. Ich schätze Eure Arbeit sehr.
Besonderen Dank an Bego welcher immer ganz ausführlich schreibt
Besonderen Dank an Angelika welche Informationen mit Links anreichert und so Mehrwert schafft.
Besonderen Dank an Hans-Gerd welcher die erste Lösung brachte.

Sorry, dass ich Euch auf die falsche fährte führte und es nach CSS ausgesehen hatte.

Ich selbst lerne daraus, dass ich den Zeitpunkt von Plugininstallationen und Updates in einer Liste notieren muss, um im Fehlerfall besser einschränken zu können, wo das Problem liegen könnte.

Viele liebe Grüsse
Markus

PS: von der Tonlage ist dieses Posts mit sanfter, wohlwollender Musik untermalt, welche meine aufrichtige Dankbarkeit ausdrücken soll.
PS: ich schreibe hier erneut ein neues Post, weil die bestehenden Post’s für neue Anmerkungen gesperrt wurden. Sorry… aber es war mir wichtig, Transparenz zu schaffen.

Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 4 Monaten

Die Threads wurden zusammengeführt.

Wie auch immer, ursächlich war dennoch nur CSS.

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 4 Monaten

Da ich direkt angesprochen wurde:

Frage: Wenn man professionell Webseiten mit WordPress herstellt, muss man dann zwingend CSS kennen? …

Wir helfen hier auch Anwendern und Anwenderinnen, die WordPress professionell einsetzen, also entweder für die eigene Unternehmenswebsite oder aber bei der Erstellung von Websites gegen Honorar. Wir erwarten dann aber auch einen professionellen Umgang. Wer gewerbsmäßig die Erstellung von Websites anbietet, sollte zumindest über ein Grundwissen in HTML, PHP, CSS und JavaScript verfügen, mit den Entwicklertools des Browsers und einem Programmiereditor umgehen können oder sich dieses Wissen an geeigneter Stelle aneignen. Unser Supportforum ist dafür nicht die richtige Adresse.

Websites gegen Honorar zu erstellen, sich dann aber hier kostenlosen Support zu holen, hinterlässt bei Helfenden leicht einen schrägen Eindruck. Ich kann die launige Reaktion von @bscu deshalb nachvollziehen. Allerdings hätte uns in diesem Fall gar keine Reaktion überlange Texte und persönliche Befindlichkeiten erspart. Angelika (@la-geek) hat deshalb mehrfach darum gebeten, das Thema wieder auch eine Sachebene zu beschränken.

Um die ohnehin knappen Ressource hier im Forum sinnvoll einzusetzen, können wir nur Anwendungsfragen behandeln, die unmittelbar mit WordPress zu tun haben. Fragen zu Grundwissen sind in anderen Supportforen besser aufgehoben. Für Fragen zur Programmierung ist WordPress Stackexchange besser geeignet.

WordPress, rund 60.000 Plugins und über 10.000 Themes werden kostenlos, so wie sie sind, als OpenSource angeboten. Alle dürfen WordPress, Themes und Plugins alle mögliche Zwecke, auch kommerziell, einsetzen und an die eigenen Bedürfnisse anpassen. Es ist aber nicht unser Ziel, darüber hinaus auch noch auf Zuruf individuelle Anpassungen vorzunehmen. Als Ausnahme helfen wir mit einfachen CSS-Regeln aus, aber daraus sollten keine Ansprüche abgeleitet werden.

Wenn sich ein/e Moderator/-in entscheidet, einen Thread zu schließen, weil er zu weit vom eigentlichen Thema weggeht (off topic ist), ist das von allen Beteiligten bitte zu respektieren. Diese Entscheidungen treffen wir nie leichtefertig, besprechen uns (wie auch in diesem Fall) oft im Team und wägen sorgsam die Interessen aller Forenteilnehmer/-innen ab.