Moving Elements in a Sticky Header
I have a header that has two rows of content. When the user scrolls down the page, I want to collapse the second row and then move the search bar and Component B up to the first row. Is this possible with CSS only? If not, what I'll probably do is just add them in both rows and then show/hide them depending on if the header is collapsed.
CodePen: https://codepen.io/mandy-h/pen/qBGVpxK
CodePen: https://codepen.io/mandy-h/pen/qBGVpxK
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
