When displayed on my iphone 8 plus, the main menu is being displayed with a left margin of about 60px. However, when inspected on the Firefox console, the menu is displayed correctly. I've already tried putting the following code into the template.css and theme.css, but to no avail.
@media screen and (max-width:986px){
body #mainnav {left: 0px!important;}
}