Just tried that. Also tried adding margin-top to different elements, but the same results keep happening. I am suspect there is positioning element that is relative to the top bar or the masthead. Thanks for helping. I am learning a lot.
Applied to the code. It created the margin, but also applied to the top bar.
Implemented the change in child theme. Top Bar functions correctly, but the header sits right below it now. The top bar covers the top portion of the header and site logo.
Do I add padding to the CSS? I do not know which section to add position adjustments to. Please teach. Thank you.
Thank you so much for the quick lesson.