In the Salient > Header Navigation > Transparency section I've selected to Force Transparency across the site: http://ato.krislyle.com/. When viewing on desktop, it works. But on mobile, this is not the case: it's a white bar across the top. 

I'm using full screen rows across all my pages. Is this interfering? What do I need to do in order to get transparent main nav on mobile? Thanks

Apologies - that's what I meant to say that I *do* currently have checked, yet my issue remains.

I think because I'm using page full-screen rows on each page I don't have the option to force the transparency like I normally do in the header sections.

So since I *do* have the Header Permanent Transparent checked, what do you recommend next?

Would a smart work around for my scenario be to adjust the header opacity to where it's functionally transparent and remove force transparency? That way the effect is similar across all screen-sizes...