Wordpress: Elementor Pro change nav menu breakpoint css

wp-elementor-nav-menu-breakpoint.scss

@media (max-width: 1299px) {
	body .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown {
		display: block;
	}
	body .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle {
		display: flex;
	}
}

@media (min-width: 1300px) {
	.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown, .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle {
		display: none;
	}
}

@media (max-width: 1299px) {
	.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
		display: none;
	}
}

This is a great help, but the any tablet drop down menu styling only kicks in at the default breakpoint (<1025px).

This is a great help, but the any tablet drop down menu styling only kicks in at the default breakpoint (<1025px).

@fippy It was an old solution. right now Elementor already providing a different way to change css breakpoints.

You can change it in Elementor->Settings->Style.

I just seemed to cross this problem. I have my 7 breakpoints created to which I have everything responsive but for some reason, in the Elementor Navigation Menu, it only allows me to select between the two for the hamburger menu, and neither are close to any of my 7. I've tried going the Astro Child route with adding a function about it there, as well as Custom CSS as I have Elementor pro, and I can't seem to override the 1025 px option for tablet. I want to make it 1519px for the hamburger menu. Any other solutions? PS: I built the entire site out of raw code but my boss insists on having it done via wordpress, lol. Fuck my life.