Social icon next to the header on mobile view

This is how it looks on desktop for me:

https://www.screencast.com/t/mPvniMWgwCsd

But at 1100px you have the navigation drop point set and it looks like:

https://www.screencast.com/t/xpFGvaV2E

Is the first Image correct ?

Hi David, the first header is correct. I set the drop point all the way down. The navigation floats in the first header as selected in the Customizer. I was wondering if you could get the navigation down with a simple code. If that doesn't work, I can live with it for now. It already looks great.

OK, if i understand correctly, add this CSS:

@media(min-width: 768px) {
    .site-header .inside-header {
        align-items: flex-end;
    }
    .menu-bar-items {
        margin-bottom: 40px;
    }
}

It will align the navigation to the bottom of the header. and it will add 40px of space between the icons and the nav.

Hi David, I added your CSS as well. The navigation is now at the bottom of the desktop view as you can see. Now everything is perfect. You are my heroes, thank you for the great support and see you soon. 😍

Glad we could be of help.