Try this
#top-bar {
position: fixed;
width: 81%;
z-index: 20;
}
Thank you so much for the quick lesson.
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.
Try this, adjust the number to what you need.
.site-header .header-main {
margin-top: 1.5rem;
}
Applied to the code. It created the margin, but also applied to the top bar.
Disregard that code, try this instead.
.site-title {
margin-top: 24px;
}
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.
