Menütasten nicht

Question

Die betreffende Seite in Edge-Browser Ausrichtung ist hier: http://dev.psdrotoworx.com/

Wenn in Rand gesehen, die Menütasten sind Rendering breiter als sie sollten. Dies führt dazu, dass die Schaltflächen in eine neue Zeile eingefügt werden, was ein unerwünschtes Verhalten ist. Wie so:

Dieses Problem wird nur auf dem Edge-Browser erscheinen, werden alle anderen modernen Browsern wie erwartet Rendering, das ist etwa so:

Ist jemand in der Lage zu sehen, wo ich falsch liege?

Kann jemand erklären, warum IE & Edge dies anders behandelt?

Answer 1

ich nicht bekommen tief in den Code aber ich denke, das Hinzufügen dieser:

width: 100px; 

Um Ihr .main-Navigation .primary-Menü> li Klasse in der style.css Datei tun könnte der Trick (irgendwo um Linie).

Die feste Größe ist hier kein großes Problem, da ich denke, dass das Menü nicht auf Änderungen der Browsergröße reagieren muss.