hide mobile header hamburger menu with max mega on

Hi,

I am having a go at using the max mega menu to make menus look more attractive on one of my sites. All good on desktop but having a mare on mobile.

I have resorted to using the mobile header option in generatepress and have the menu sort of working, but still have the existing mobile hamburger menu next to the mega menu one.

I have searched the forums and found a similar issue and the solution was to display none the generatepress mobile menu toggle:

@media (max-width: 1200px) {
    body .inside-header .main-navigation button.menu-toggle {
        display: block;
    }
}

however, if I do that then the woocommerce cart icon disappears and I really want that to remain. Is there any way to hide the generatepress menu toggle and keep the woocommerce cart?

Or, alternatively, turn off the max mega menu on mobile and keep the generatepress mobile menu?

Thanks for any help.