You already did it, but please let us discuss one issue at a time for each thread. For now, let's tackle #1, #2, #3 (from my previous reply).
1) It works, you have removed 100px and 50px and it works, but since there is no further information of what's not working properly on mobile and the width is already fixed, then I assume you're referring to height. Please set th header bar's height to auto
2) It's now bigger, but not much since the header width is narrow and divided.
You can't have the image larger than its container, the solution would be placing your logo to its own container, on top of the menu and search. And similar, use
Hide During Breakpoints feature and since you're already familiar with this feature then I'll skip providing the steps how to do it
3) I thought it's intentional since you already utilized the
Hide During Breakpoints feature. It's not displaying on mobile since they are different menu element displayed for reach device. If that's the case, just display the same menu on all devices
As you can see from the screenshot, you assigned different menus. And utilized the Hide During Breakpoints
I just thought you're expecting to see the same text to a different menu that you have intentionally added, which isn't gonna work since they are different.