2017-10-23 1 views
-2

Test meine Shopify store's Reaktionsfähigkeit und festgestellt, dass bei bestimmten Breite einige zusätzliche Marge rechts von der gesamten document erscheint, aber ich kann nicht herausfinden, warum, 'weil es nichts gibt alle bezogen auf margin/padding weder in CSS noch in HTML selbst.nicht in CSS/HTML

Ich habe versucht, Bildlaufleisten mit overflow-x: hidden auf body und html zu unterdrücken, aber es hilft nicht wirklich 'cuz auf Touch-Geräten ist es immer noch möglich zu scrollen.

Bisher habe ich das Problem auf Chrome v61.0.3163.100(Official Build)(64-bit) und Mozilla Firefox v47.0.1 im Entwicklermodus getestet. Es erscheint auf der Breite 832px und 832px entsprechend.

Auch anprobiert auszuspionieren, wie @media CSS, wird @query-at Sachen in Chrome Dev-Tools aufgenommen, aber immer noch keine Ahnung, was diese blutigen Einsatz verursacht.

Hier ist ein Screenshot des Problems.

enter image description here

Danke für die Hilfe.

+0

funktioniert gut auf meinem System –

+0

Sieht ganz offensichtlich, die Navbar ist zu lang, wenn ich die Größe ändern, nur inspizieren und Sie können die Insecctor Punkte auf Elemente in der nav sehen – Huangism

+1

Hier ist Ihr Schuldiger: 'ul # moreMenu - Liste – UncaughtTypeError

Antwort

1

aktualisieren left: 0 zu right: 0 für das Drop-Down in der Mehr Artikel

#moreMenu .site-nav--dropdown { 
    right: 0; 
} 

links 0 setzt die Menüpunkte auf der linken Seite enthält Eltern beginnen und die mit ihm ist länger als die Länge Eltern so schafft dieser zusätzliche Raum.

+0

Keine Ahnung, wie hast du es herausgefunden, aber es funktioniert für mich. Überschreiten Sie einfach "links: 0" zu "auto", um die Dropdown-Ansicht so breit wie gewünscht zu gestalten. Vielen Dank! – Ivan

+0

Sie überprüfen nur, dass extra Platz und es ist einfach zu sehen, was dort los ist – Huangism

+0

habe versucht, dass, aber die Leerzeichen, die ich dort hatte, war zu meinem Auge durch das gesamte Dokument auferlegt. Wahrscheinlich haben Sie nicht genug Übung mit DevTools. Vielen Dank sowieso. – Ivan