Max Mega Menu and Mobile Header Conflict

Hello,

I'm using Max Mega Menu, which takes over the navigation, which works fine on desktop but on mobile I have the GP Mobile Header enabled. The problem is the Max Mega Menu toggle/menu is showing up to the left of the site logo. This is strange as when I inspect the HTML it is showing last in line within the inside-navigation div.

I would like it aligned to the right, on the right of the logo so that the logo is all the way to the left.

This is my staging site where you can see the issue on mobile: http://withmedia.yourdevsite.ca/aea/

Thanks for any help.