How can I prevent my site header from covering my thank you message on form submission?

Last updated: October 7, 2015

If you are using a position: fixed header that sticks to the top of your browser follows the user as he or she scrolls, the header will most likely cover up form inline thank you messages. To prevent this, you will need to add the following CSS to your stylesheet:


You will then need to add a wrapping div to your thank you message with the padding equal to the height of your header. For example, if your header was 100px tall, you could add the following div around your thank you message:

<div style="padding-top:100px">Thank you!</div>