Primary Translucent Header
To make the header semi-transparent (translucent) primary colour by default turning to the full primary colour on sticky simply set/remove the following classes on the following elements:
body: add the class
.header: add the classes
3 You may need to add a top margin to the elements in the
#highlightedregion so they don't show under the header.
- 4 Also ensure the background image underneath is dark colour so the navbar links can be seen, use the overlay utilities to help here.
- 5 That's it!