How to fix navigation-bar prob? (css html)

Question

Hi,
So i wanted to make a nav bar like this ( http://www.epsilon-esports.com )... The one in this link...
The problem is the logo ... I can't place it in the right position. It should be in the nav bar exactly like the example in that website above... (in-line)

Please check my code and help fix!! (no java-script)

https://code.sololearn.com/W5W1UIIwVR96

Thank you

Answer 1

use absolute positioning

Answer 2

If I use absolute position in #logo... Then is comes over home Nav button in the desktop browser.... N all the Nav links move left hand side

Answer 3

Take a look here: https://code.sololearn.com/WRF4Lsr68UTO

I've marked with comments the new lines in html & css