I would like to customize the colors of the sticky navigation.
Currently, my header is gradient (custom CSS) so the navigation background is transparent. But when you scroll I would like to have background color on the navigation and to have a different color of the navigation text compared to the colors when the navigation is not sticky.
you don’t have to use the Navigation as Header to use the Merged site header option. So with your current settings you can apply the merged header setting.
Set the Offset Site Header Height to the height of your site header which is 108px. Then set the navigation colors you want when the header is static.
Then for the sticky navigation change the colors in Customizer > Layout > Primary navigation and they will apply.
I’ve tested and it seems what Leo suggested in the other thread is not so closely related to my goal.
I would like to add a background only on the sticky navigation. (When the navigation is in the header the background should be transparent)
I would like to change the navigation text colors only on the sticky navigation. (When the navigation is in the header the colors should be different)