Hi there,
1. Use the Secondary Navigation for your top menu by setting its location to Above Header and make it full width:
https://docs.generatepress.com/article/secondary-navigation-layout-overview/
2. Primary Navigation – go to Customizer > Layout > Header and check Navigation as Header.
This will add the Logo from Customizer > Site Identity inside the Primary Nav.
Note: In Customizer > Colors and Customizer > Typography you will find specific controls for the Primary and Secondary Nav.
2.1 Enable Customizer > Layout > Sticky Navigation.
2.2 To add the Drop shadow to the nav use this CSS:
.main-navigation .inside-navigation {
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}
2.3 To add some cool menu hover styles see this:
https://docs.generatepress.com/article/adding-menu-hover-animation/
3. For the footer – i would upgrade to the GP Premium 1.11 and install GenerateBlocks.
Then its a case of enabling Elements in Dashboard > Appearance > Elements.
Appearance > Elements –> New Block Element
Now you can create that footer using the GB Container, Grid, Headline and Buttons blocks.
Nothing too complicated ๐ Happy to help there if you get stuck.
For an insight to the blocks read here:
https://docs.generateblocks.com