The responsive ally don't show what it looks like

In general I often have problem with the menu into responsive mobile and table mode.
The responsive layout is showing all are fin, but when you view the website on ipads, mobile evt. the menu flowing in the middle.
How can we use the upfront and trust the layout? Is there some settings we dont know about?

See layout view:

How it look on a Ipad: