Small White Space Below Social Header and Primary Header

How do I remove this white space on my page. It sometimes shows up on Mobile, but primarily Desktop.
Thanks for your help Athemes!

Best wishes,
Dan

Hello Dan,

That tiny space isn’t appeared to me. I guess this issue occurs only when you’re logged in.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. See if it helps.

    .admin-bar .site-header,
    .admin-bar .site-header.float-header {
      top: 20px;
    }
    .admin-bar.no-hero .site-header.fixed, 
    .admin-bar.no-hero .site-header.float-header.fixed {
      top: 20px !important;
    }  

    @media only screen and (max-width: 782px) {
      .admin-bar .site-header,
      .admin-bar .site-header.float-header {
        top: 10px;
      }
      .admin-bar.no-hero .site-header.fixed, 
      .admin-bar.no-hero .site-header.float-header.fixed {
        top: 10px !important;
      }  
    }

Regards,
Kharis