Hi ludo974
On mobile, it due to this custom css you made on your site:
.t3-mainnav {
padding-left:120px;
}
If you want to apply this css on desktop only, you should use media queries like:
@media (min-width: 1200px) {
.t3-mainnav {
padding-left:120px;
}
}
It will not affect your site on mobile view.
For table (iPad) view port, the thing is the main menu takes lots of space in this header, so the button on the right side jumps to the next line. I think you can consider to reduce the space between items of the main menu with this rule:
@media (min-width: 768px) and (max-width: 991.98px) {
.uber-header.header-5.dark-color .navbar-default .navbar-nav > li > a {
padding-right: 35px;
}
}
Regards