Header responsiveness

Hello,

I’ve sent a message about a week ago on the support page of your website (because this issue happen on a staging website and I want to keep its URL private) but since I get no reply, I might as well try from here.

I have a strange issue with header responsiveness on my website but only with tablets.
In editor mode it looks like this:

http://puu.sh/EKUhX/3a3d9ccc71.png

The second menu, on top, is only visible with mobile devices because I want it to appears on top with the language selector while the desktop menu (at the bottom) is hidden. The problem is: when the screen width is 768px or 767px (tested in development mode on Firefox and on an actual tablet) I have no menu at all, the main one and the second one disappear. From 769px and above I have the main one, from 766px and below I have the second one. Same goes for the language selector.

Also, I want my name/title to be center align on mobile devices and it only gets centered from 766px and below (but some tablets are wider).

For these issues I tried to change the responsive breakpoint values to 1024px for both sections but nothing changes. I even tried to add custom CSS to change the responsive breakpoint but with no luck.

I don’t know how to fix this.

Any help would be genuinely welcome! Thanks.