Make page content scroll below menu bar

So, how do i make the page text/content to scroll under a menu bar, like here:

Not on top of it, like here:

Hello Tere,

Please try adding this CSS code into Appearance > Customize > Additional CSS in your site dashboard.

.site-header.float-header {
  background-color: rgba(242,16,229,0.9) !important;


Thanks, works perfectly!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.