White background and cant move it

I would like to move my icon bar to the top on the left side, but I can’t. I would also really like to remove the big long white bar. Can you help me.

Hello Sjlide,

Move your unorder list to your Header div

<div class="header" id="myHeader">
       <i class="fa fa-bars" style="font-size:30px;color:rgb(0, 0, 0);text-shadow:2px 2px 4px #353535;"></i>
    <img src="" alt="logo" class="matluc">

Then change the display property of your div element to inline-block and set width 100%

.header {
  padding: 1px 16px;
  background: var(--dark-color);
  color: var(--mid-color);
  display: inline-block;

To align your menu bar and logo in same line

.header ul {
  display: inline;

I hope it will work thanks