Kevin Powell - Community•3mo ago

Can I add margin-top to sticky top

Is it possible to add margin to the top of a div with position: sticky? I want some white space on the top of the page when the row is sticky. I'm also using Bootstrap5 for styling

<div class="resource-container no-border d-flex sticky-top">...</div>

<div class="resource-container no-border d-flex sticky-top">...</div>

3 Replies

Mannix•3mo ago

add an inline style where you modify the top property or you can add custom class with that styling 🙂

curiousmissfox•3mo ago

.element {
  position: sticky;
  top: 1rem; 
}

.element {
  position: sticky;
  top: 1rem; 
}

JilkeOP•3mo ago

thx thx

Gaming

Programming

Can I add margin-top to sticky top

Did you find this page helpful?