Activate burger menu in tablet landscape mode

Hi,

In my Enfold Child settings, I have selected the burger menu to “activate for smartphone and tablets”. The problem is that the breakpoint is set to 990px, so the menu overlaps the logo on tablet landscape mode (1024 px).

I have tried what was suggested to other people who had the same problem, adding to Quick CSS

@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

But this just makes the burger icon disappear on both tablet and mobile.
Any ideas on how to fix it? Thanks