I am trying to make the body container of a page overlap the bottom of the header (using pro’s heroheader as a template). I’ve seen a couple of threads about this but the code provided only changed the position of the section on the page, not the container itself, and also placed the section behind the header, not in front of it.
Hi There,
Thank you for writing in, you can use the .x-main as your CSS selector,
then use a margin-top
property with negative value to pull the main container on the place of the header. Then use the z-index
property to send the main container in front of the header, try a value of 9999
.

Hope it helps,
Cheers!
I’ll give it a try. Thank you!
You’re most welcome!
Worked perfectly. Thanks again.
You’re welcome!