header padding

Hello guys

Need help with adding/removing padding in header. I am using 7.1.

Now I am working on demo version so there is no link to my page, I insert link for my old web (I want my new 7.1 to look like this one from 7.0 🙂 ). 

Do you have any codes for managing this padding:

Im using this code (for having footer navigation on the top right)  in Code injection:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script type="text/javascript">
   $(function() {
   $(".header-display-desktop .header-nav-item:nth-child(n+3)") .prependTo (".header-actions--right");
});
</script>

and In CSS:

.header-actions .header-nav-item {
  padding-right:2.1vw !important; /**change as needed**/
}

.header-nav-list {
  display:flex;
  justify-content:flex-end !important;
  .header-nav-item{
    padding-right:2.1vw; 
  }
}

a#site-title {
    visibility: hidden;
}

Also I would like to remove this underline, love to change it for overlay:

THANK A LOT!!!

Hi,

What is site url? We can give some code to do these