Support » Themes » Webseite nach links verschoben

  • Gelöst ubetterliveurlife

    (@ubetterliveurlife)


    Hallo Zusammen,

    auf meiner Webseite ( http://youbetterliveyourlife.com/de/ ) ist das Design nach links verschoben. Das betrifft die Widgets in der TopBar sowie den Webseiten-Namen, das Hauptmenü darunter, die aktuellen Beiträge unter dem Slider sowie die Sidebar..
    Einzig der Slider ist an der richtigen Stelle.
    Ich weiß nicht was ich getan habe oder was passiert ist, aber seit dem ist alles etwas nach links verschoben. Vorher war zB der Webseiten-Name und das Hauptmenü darunter zentral über dem Slider. Auch die Social Icons waren vor dem Such-Fenster und nicht darüber..
    Mein Theme nennt sich Virtue.

    Vielleicht hat ja jemand eine Idee, was es sein könnte..
    Vielen Dank & noch einen schönen Abend

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Flower33

    (@flower33)

    Du scheinst (im Unterschied zur Theme-Demo) das Plugin „Magee Shortcodes“ zu verwenden, und in der damit verbundenen css-Datei „foundation.css“ wird der Klasse .row (Zeile 87) eine max-width von 62.5em gegeben. Mach daraus versuchsweise mal 100%, entweder in der CSS-Datei des verwendeten Child-Themes oder, wenn dein Theme das anbietet, im Bereich Custom CSS (Benutzerdefiniertes CSS) oder mit einem Plugin wie Simple Custom CSS (https://wordpress.org/plugins/simple-custom-css/). Dann müssten die von dir angesprochenen Bereiche wieder so aussehen wie du das wünschst.
    Behalte die Änderung trotzdem mal im Hinterkopf bzw. versuche mal rauszukriegen, wie es überhaupt zu dem Wert von 62.5em gekommen ist. Dann erlebst du später auch keine Überraschungen.

    Thread-Starter ubetterliveurlife

    (@ubetterliveurlife)

    Erstmal vielen Dank für deine Antwort!
    Ich verstehe was du meinst und ich glaube, ich weiß nun auch, wo ich das Problem beheben kann. Allerdings weiß ich nicht, welchen Code ich beim CSS Editor eingeben muss.. kannst du mir da vielleicht helfen?

    Flower33

    (@flower33)

    Versuche es mal mit diesem Code:

    .row {
     max-width:100%;
    }

    Oder versuchsweise die max-width mal ganz weglassen.
    Allerdings: Die 62.5em kommen von den Grid HTML Classes vom Foundation CSS. Inwiefern die vorgeschlagene Änderung da Auswirkungen hat, hängt davon ab, ob und wie Foundation bei dir eingesetzt wird. Aber das sind für diesen Rahmen wohl zu spezielle CSS-Fragen.
    Mir war zumindest aufgefallen, dass der Wert

    .row {
    max-width: 62.5em ;
    }

    in der foundation.css bei dir zu dem ungewünschten Darstellungseffekt führt.

    Thread-Starter ubetterliveurlife

    (@ubetterliveurlife)

    Hat funktioniert!
    Vielen, vielen Dank!

    Bleibt die Frage, wie es zu dieser Verschiebung bzw. der Wertänderung kam.. da muss ich wohl mal ein wenig nachforschen.

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „Webseite nach links verschoben“ ist für neue Antworten geschlossen.