When going to mobile for this site in development, the header menu gets reordered strangely, and I have no idea why:
and the desktop version:
Accepted answer
Comments
When I inspect the HTML code of the menu, I see that "Home" isn't the first but the last item. On desktop screens, "Home" looks however as it was the first item, because the list items are defined as float: right in line 175 of https://silentnomorenz.com/themes/snm/css/skin.css:
.l-header .menu > li, .header-menu li {
float: right;
}
To fix the issue, you could remove the float: right definition and reorder the menu items, so that "Home" is the first.
When I inspect the HTML code of the menu, I see that "Home" isn't the first but the last item. On desktop screens, "Home" looks however as it was the first item, because the list items are defined as float: right in line 175 of
https://silentnomorenz.com/themes/snm/css/skin.css:.l-header .menu > li, .header-menu li { float: right; }To fix the issue, you could remove the float: right definition and reorder the menu items, so that "Home" is the first.