Fixed Footer over content
Hello Guys!
How are you doing?
I have this fixed footer, i need it fixed at the bottom, but its hiding the content.
I'm using React + tailwind
Should i try margin-bottom/ padding-bottom...
can you help me? Thanks
7 Replies
What's that black bar? Is that another element? Can you put this in a codepen please?
the black bar is my footer with position: fixed, bottom-0
its multiples components, does code pen handle? i dont use it, so i dont know.
Oh I see, you wouldn't want the element to be hidden by another element, that's bad UX
yes. i want the content/screen to scroll a little more, so its fully visible.
Oh I see. No way we can know unless you can put it in a codesandbox / codepen
i Just add and looks like is solved.
thaks!
A note for the future: it can be hard for folks to help with limited context. Depending on the approach you've taken (ie, the HTML/CSS/JS) to implement your footer, solutions can be drastically different. Providing a link that allows folks to interact with the site and see the code allows them to know how to guide you towards a solution 🙂 Sometimes that might mean coding up a smaller example using the bare amount of code to recreate it