[Resolved] Position element at bottom of page header

[Jamal]

Hi Tom

Would like your help in positioning a div at the bottom of the page header. Right now i have this inside page header and i would like it to appear like this at the bottom https://imgur.com/a/4sHPG. Right now whatever i do the columns are not sitting right.

[Tom]

You can use absolute positioning:

<div class="my-absolute-wrapper">
    Stuff inside of it
</div>

Then your CSS:

.my-absolute-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

[Jamal]

Awesome ! Thanks a lot.

[Tom]

You’re welcome 🙂

[Author]

Posts