Step 1: Go to parent container, setup options:
Direction : Row – horizontal
Align Items : Start
![](https://docs.oceanthemes.site/makaffo/wp-content/uploads/sites/8/2023/08/1.png)
Step 2: Add class “sticky-header” to the child container you want to sticky
![](https://docs.oceanthemes.site/makaffo/wp-content/uploads/sites/8/2023/08/2.png)
Also, in the logo widget and menu widget that you use in the header, there is an option to change the logo and menu color on scroll down.
![](https://docs.oceanthemes.site/makaffo/wp-content/uploads/sites/8/2024/05/3.png)
![](https://docs.oceanthemes.site/makaffo/wp-content/uploads/sites/8/2024/05/4.png)