2016-05-05 18 views

Antwort

1

Während ich jetzt nicht dieses Problem replizieren kann in Chrome (was Browser verwenden Sie?) Es ist höchstwahrscheinlich durch diese verursacht: in Ihrem CSS, Ihre Breite ist größer als 100%.

.flex-viewport { 
    width: 100.1% !important; 
    border: 1px solid #d7d7d7; 
} 

Drop auf 100% und Sie sollten dieses Problem verschwinden sehen.

(Beachten Sie, dass in der Regel das Problem weiterhin auftreten würde, weil die Grenze außerhalb die Breite von 100% wäre, sondern weil Sie border-box for box-sizing die Grenze verwenden in der Breitenberechnung mit einbezogen)

+0

Danke für das Betrachten. Das wurde tatsächlich hinzugefügt, nachdem das Problem aufgetreten ist, um zu versuchen, es zu korrigieren. Die Breite des Ansichtsfensters würde auf 1066,64 px festgelegt und die Breite der Folien auf 1067px festgelegt werden. Also wurde meine Grenze abgeschnitten. Am Ende habe ich nur den Rahmen für den Inhalt entfernt und einen Rahmen um das Ansichtsfenster gesetzt. Das ist nicht genau das, was ich machen wollte, aber es sieht gut aus. Nochmals vielen Dank, dass Sie es gesehen haben! Oh, und ich benutze Chrom auf einem Mac – theBurlyone

+0

Froh, dass Sie es gelöst haben. Kann für zukünftige Fragen nützlich sein, um das relevante CSS in Ihrer Frage (oder in pastebin) zu setzen, also können Sie weitermachen, während Leute Ihre Frage betrachten. Sonst sehen wir uns den Code an, den du schon geändert hast :) –

+1

Ich stimme dem völlig zu, ich war hinter dem Zeitplan für das Projekt und ein bisschen im Panikmodus, haha. Ich werde sicher stellen, dass ich beim nächsten Mal etwas Code einfüge. – theBurlyone

1

Wenn ich das richtig verstanden, was meinen Sie ...

Das Problem dabei ist:

.flex-viewport { 
    width: 100.1% !important; 
    border: 1px solid #d7d7d7; 
} 

Dieser Code ist in global.css Datei Zeile 74. hier: http://staging.aidanspencer.com/wp-content/themes/aidan_spencer_2016/assets/css/global.css:74

Dann die Breite ändern:

gelöst
.flex-viewport { 
    width: 100% !important; 
    border: 1px solid #d7d7d7; 
} 

Problem, jeder ist glücklich.

+0

Vielen Dank für einen Blick auf es, aber ich aktualisierte dieses CSS. Grundsätzlich trat das Problem auf, wenn flexslider das Ansichtsfenster gerendert hat. Die Breite des Ansichtsfensters würde auf 1066,64 px festgelegt und die Breite der Folien auf 1067px festgelegt werden. Also wurde meine Grenze abgeschnitten. Am Ende habe ich nur den Rahmen für den Inhalt entfernt und einen Rahmen um das Ansichtsfenster gesetzt. Das ist nicht genau das, was ich machen wollte, aber es sieht gut aus. Nochmals vielen Dank, dass Sie es gesehen haben! – theBurlyone

+0

Okey. Jeder ist wieder glücklich. :) –