Adding top bar now overlaying content below

Ugh, never mind, I found the code on an other site I had to do this on. I added this to Quick CSS.

/* Fix the vertical spacing caused by adding the taller top bar (in this case the top bar was increased to 40px) */

@media only screen and (min-width:1024px){
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 220px !important;
}
}

For the future, it would nice to add Vertical Size to “Small bar above Main Menu” in Advanced styling that would Automatically adjust where the content started. Seems logical.

By the way, here is the code to increase the height of the small bar above the menu to 40px, for example.

/* Increase the size of the top bar above the main menu */

#header_meta {
min-height: 40px;
}

Your feature request has been down for a while. Anyway to submit this item as a new feature request?

As a feature request, it would nice to add Vertical height (size) to “Small bar above Main Menu” in Advanced styling that would Automatically adjust where the content started below. Seems logical.
This would eliminate having to add css code to increase height of the top bar and where the content begins below the header. I have to do this with virtually every site I build. And I’ve built dozens of Enfold sites! Thank you!
I.e., the code I use is
/* Increase the size of the top bar above the main menu */
#header_meta {
min-height: 40px;
}
/* Fix the vertical spacing caused by adding the taller top bar (in this case the top bar was increased to 40px) */
@media only screen and (min-width:1024px){
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 220px !important;
}
}

Thanks Nikko, you can close this ticket.