[Resolved] how to display site header in sticky header

[Leo]

Same result.

[Sima]

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

[Leo]

Give this CSS a shot:

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

[Sima]

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

[Leo]

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

[Sima]

I had deactivated some plugins. try it again.

[Leo]

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

[Sima]

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

[Leo]

Try this CSS:

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

[Sima]

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.

[Leo]

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.

[Sima]

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

[Sima]

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

[Sima]

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

[Sima]

fixed that too. thanks

[Author]

Posts