Float a navigation to the content

Hi Xuan, you can try the GP Page Headers, here is a list of articles on how to use them and in particular merging them with the navigation.

https://docs.generatepress.com/collection/page-header/

I see. It works. But now how would I be able to just set the colors for the sticky navigation & header (once they being merged)? I would like to set the background color and text color for the merged sticky navigation & header.

Thank you

You can use the Customiser > Colors > Primary navigation, this will control the base colors for the nav and the sticky nav.
You can then override the base nav colors in the Page Header Advance tab, so you could have a transparent nav that becomes a solid color on sticky.

Thanks~! one more question. How would I be able to customize the active navigation border? And it will be different for both regular navigation and sticky navigation.

Hi Xuan,

You can target the current menu item for the navigation:

.main-navigation .main-nav ul .menu .current-menu-item {
styles here
}

And the navigation when sticky:

.main-navigation.is_stuck .main-nav ul .menu .current-menu-item {
styles here
}