how to display site header in sticky header

Same result.

I sent you the login credentials again and also disabled the coming soon

Give this CSS a shot:

.navigation-branding {
    flex-direction: column;
    align-items: flex-start;
}

this moved the tagline to a new line but the lines are not aligned

Not sure what happened but your site completely changed for me and I'm no longer see the primary navigation:
https://www.screencast.com/t/yfFjpKf2ulz

I had deactivated some plugins. try it again.

Edited the CSS here
https://generatepress.com/forums/topic/how-to-display-site-header-in-sticky-header/page/2/#post-1539514:

this worked but how can I change the spacing between the site title and the tagline? there is too much space between the lines. I like the spacing when I am not using the navigation as a header. thanks

Try this CSS:

.navigation-branding .main-title {
    line-height: 40px;
}

1. and how to change the tagline font size?
2. also how to change the font color for both site title and tagline when I scroll.

1. Have you tried the customizer option? It should still work:
https://www.screencast.com/t/hkoSwkPjcfTQ

2. If you set it to be white in the header element option:
https://www.screencast.com/t/X774LABcv1si

Then you can set it to be black in the customizer and that would work for the sticky navigation.

This works for the sticky navigation but it also changes the color of the site title in the header

Also how to add more space above the site title in the header?

the color worked. thanks
Could you please let me know how to add more space above the site title in the header?

fixed that too. thanks