The sticky header will fix the header in the top portion of your webpage when a user scrolls the page. It will allow quick access to the menu from any part of the page.
Quick Steps on How to Add a Sticky Header or On-scroll Fixed Header
Go to Appearance > Customizing ▸ Header ▸ Sticky Header
Now you can get all the settings for sticky header
You can set separate background font and hover color for sticky header even you can use separate logo and add different height width for the header, also can active box shadow.
Hope this helpful!