Put Menu beside logo instead of above it on Avenue?

Site URL: http://russellcbanks.com

An hour of searching the forum and trying a few pieces of code that haven’t worked, so I’m posting the question now:

I recall seeing home pages on mobile where the logo is in the upper left, with the Menu link in the upper right, instead of one centered above the other like it is in my Avenue site. (screenshot attached)

Is there CSS code for doing that? 

Thanks,
Russell

Someone said this worked, Let me know, may want to use it on my Avenue sites as well

/* HAMBURGER NAVIGATION */
 #mobileMenuLink a:after { 
content: '☰'; color: black; width: 100%; text-align: right; position: absolute; top: 0; left: 0; }

There are a number of code variations but none that  specifically say it moves the logo above the menu or next to it. 

5 hours ago, derricksrandomviews said:

Someone said this worked, Let me know, may want to use it on my Avenue sites as well

/* HAMBURGER NAVIGATION */
 #mobileMenuLink a:after { 
content: '☰'; color: black; width: 100%; text-align: right; position: absolute; top: 0; left: 0; }

There are a number of code variations but none that  specifically say it moves the logo above the menu or next to it. 

 

Just tested on above site. I think need to adjust a bit.

--

I'm doing this problem for a client. I use jQuery to solve.

Thanks. Derrick's suggestion adds the hamburger in the upper right, but of course doesn’t remove the "MENU" link or move the logo to the upper left. Maybe I’ve seen it on non-Squarespace sites. 

I’ll try to find an example.

Best,
Russell