The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › CSS Sticky Header
I wanted to make the top header of a template that I’m making stay fixed. I have no problem doing that since I used it.
The problem is that the content below is now under the header. Then I use
The problem is that in responsive you can see blank margins between the header and the container. The container is an image with a title. A hero.
What can I do to make that container “stick” to the header on all devices? Let’s say you can take that margin automatically without any spaces.
If you are going the fixed position route then you need to know the height of the header.
Then you can add margin or padding to your first non-positioned element to shift it down to compensate.
Here’s exactly the same issue on Stack Overflow
Great, I understand, yes!!
I will try it, now.
Thank you, you are very nice