I am trying to achieve a Bootstrap4 navbar that has a solid background but where the background bar at the top remains of a fixed depth even when the menu items appear uncollapsed.
The list is by default collapsed at all sizes. Currently when the user clicks the hamburger icon, the ul items appear correctly but on top of an expanded background that obscured the page behind.
I want the bar on which the brand and the hamburger icon to remain solid, but for the dropdown menu to be on top of the page itself.
Presently I have this code (site is at bjbg.uk):
- Graves guide etc
Any help appreciated as to which element in the pinegrow selector window to highlight and which property to change would be appreciated.