Hambuger menu icon under the logo - Help

Hi, Guys.

I've just published my website and everything seems cool, except for the Hamburger Menu on a few mobile devices.
It should appears in the right corner but it's placed under the logo but only in iPhones with bigger screens.

I've already tried to open in Safari and Chrome from 2 different devices (iPhone 6s Plus and iPhone 8 Plus). 

It shows correctly on smaller iPhones (tested on iPhone 5 and iPhone 7). On Androids it seems to work properly.

I've also try using a smaller logo for mobile version but still getting the same result.

Searched for some light on Forum but no one was talking about that.

I'm including a screenshot of the problem.

Thanks in advance!

@BeatrizPoiano Try adding this code to Home > Design > Custom CSS and check again

@media screen and (max-width: 991px) {
.header .header-title-nav-wrapper {
    flex: 1 0 calc(100% - 150px);
}}

@tuanphan worked like a charm!

Thanks a lot, you're a life saver! 😄