Breakpoint hamburger menu

Hey there!

I am stuck with something on my website with responsiveness. I am using the VIM WordPress Theme (sadly support expired). Now the website is good on full size and mobile. However in tablet (horizontal) the menu is getting messed up. You can try it by going to (site) and scale it. On a certain point the menu items go in to rows and mess up the design.

I think i found the code where to change it (see below). This was on min-width: 1000px and i changed it to 1220, but still nothing changed..

@media only screen and (min-width: 1220px) {
	body.header-mobile-slideup:not(.no-scroll) #mobile-header[data-permanent-transparent="false"]:not(.detached):not(.parallax-contained):not(.at-top-before-box),
	body.header-mobile-slideup:not(.no-scroll) #mobile-header[data-permanent-transparent="false"][data-using-secondary="1"].detached:not(.parallax-contained):not(.at-top-before-box) {
		top: 0 !important
	}

Am i doing something wrong here?

• This topic was modified 5 years, 11 months ago by Yui. Reason: please use CODE button for code formatting
• This topic was modified 5 years, 11 months ago by Yui. Reason: redundant link(s) deleted
• This topic was modified 5 years, 11 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

The page I need help with: [log in to see the link]