The top header could be:
1. Your logo set in Customize > Site Identity.
2. A search widget added into the Header widget area in Appearance > Widgets.
3. The Secondary Nav set to float right.
Then you can add this CSS to set up their positioning:
.inside-header {
display: flex;
align-items: center;
}
.site-logo, .site-branding {
order: 1;
}
.header-widget {
order: 2;
margin-left: auto;
margin-right: auto;
}
.secondary-navigation {
order: 3;
}
Depending on necessary browser support, you might want to run that code through this tool: https://autoprefixer.github.io/
Now, for the sticky navigation bar, I would:
1. Set the primary navigation to below the header.
2. Add a navigation logo, and set it to display on sticky only.
3. Turn on the sticky navigation.
That should do it ๐