You’ll need to modify this code:
div .site-logo {
padding-right: 0px!important;
padding-top: 70px!important;
}
Into something like this:
@media (min-width: 769px) {
div .site-logo {
padding-right: 0px!important;
padding-top: 70px!important;
}
}
So it doesn’t add padding to your icon on mobile which is pushing it down.
Then, set the top and bottom padding of your Header Element to 30px
on mobile.
We also have to fix your tablet view afterwards.
Hope this clarifies!