I am trying to create a custom header in pro. I have tried everything and this “sticky header” is bouncing. Here is what I would like to accomplish:
On scrolling the sticky header stays sticky without any bouncing. Row 1 is sticky, row 2 (header and nav bar) are bouncy. I have tried making one or the row absolute. Now they are both absolute but the behavior is the same–bouncy 2nd bar.
I also would like to make the background dark gray and semi transparent on scrolling. What is the css for that?
Here is a page that you can see the header in action: http://www.cherylbenard.com/arch/projects/standwithnineveh/
I am running the latest version of Pro in Wordpress 5.2.2 and php 7.2
Thank you.