Help Needed: Positioning logo and menu

I am trying to position my menu items and running into some difficulty.

I want the logo to be positioned on the left side of the screen. I researched the forums and found various code, but the problem was that when the window was reduced in size the logo vanished (when using a negative padding value). I eventually found the following code that allowed me to move the logo to the left and maintain the responsiveness of the logo positioning.

.container.av-logo-container {
    padding-left: 50px;
	padding-top: 10px;
	margin-left: 0;
}

However now the menu items have moved into the center of the screen instead of the right.

How do i move the menu items to the right side of the screen, now that I have moved the logo to the left?

Secondly, now when I scroll down the page and the sticky header appears, the bottom part of my logo is cut off, how do i stop this from happening?

Thank you for your help.