tremont-template Header elements are hidden by announcement bar on mobile

I'm seeing an issue where my announcement bar is overlapping my site title and navigation icon on mobile. I reached out to support and this is a known issue they're working on but there's no solution yet and I need my announcement bar enabled. Any ideas?

Actually I found this solution that worked for me within the CSS Editor:

@media only screen and (max-width:700px){
	#siteHeader {padding-top:70px !important;};
}

If you need more or less spacing there you can adjust the "padding-top:70px" to be a higher or lower number.