Es beginnt in der style.css wohl mit:
#access li {
float: left;
position: relative;
}
Wobei dann aber der Abstand mit Top noch einmal für jedes li-Element geregelt wird, um diesen leichten Bogen darzustellen.
#menu-item-200 { top: 0px;
margin-right: 15px; }
#menu-item-348 { top: -2px;
margin-right: 15px; }
#menu-item-196 { top: 0px;
margin-right: 15px; }
#menu-item-197 { top: 3px;
margin-right: 15px; }
#menu-item-176 { top: 12px;
margin-right: 15px; }
#menu-item-175 { top: 20px;
margin-right: 15px; }
Alles anzeigen
Nachteil, wenn die Media Queries griefen, die unter
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
beginnen und für verschiedene Weiten ausgelegt sind,
@media (max-width: 650px) {
...
@media (max-width: 450px) {
so wird der Platzbedarf für float: left von #access li vermutlich zu gering und die Liste wird in Abhängigkeit vom zur Verfügung stehenden Platz umgebrochen. Wenn Du kein Experte in Sachen CSS bist, so solltest Du Dir einen suchen.
Im Übrigen scheint die Seite nicht abwärtskompatibel zu sein, versagt zumindest im IE Kompatibilitätsmodus beinahe komplett.