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">
    <ul>
       <i class="fa fa-bars" style="font-size:30px;color:rgb(0, 0, 0);text-shadow:2px 2px 4px #353535;"></i>
    </ul>
    <img src="" alt="logo" class="matluc">
</div> 

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

.header {
  width:100%;
  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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.