I started experimenting with Tailwind CSS a couple of months ago and I'm loving it. The idea is to finally use Tailwind CSS on my website.
Normall...
For further actions, you may consider blocking this person and/or reporting abuse
Thanks a bunch!
This method works if you want to push your footer to the bottom of the page. But once the content gets taller than the height of the container, the footer will also be pushed down.
Adding
fixed bottom-0 w-fullutility classes to the footer works, but the problem is I can't get the z-index working properly for some reason. Any idea what I'm doing wrong?This is not a sticky footer and yet it's the first Google result for "tailwind sticky footer". 🙄
This is just a regular ole' footer. If the content in main is taller than the screen the footer does not stick to the screen/window bottom.
Thanks!
What do you suggest when the top nav menu drop down drops below the footer bar, and when you scroll down to read the rest of the menu drop down, that footer bar gets stuck at the specific place vertically on the screen and doesn't move to the bottom?
This is super helpful. Curious if you've tried it with CSS grid?
Simple, clear, thanks for that!
Thank you.
The footer hangs when the content is taller than the screen height especially in small screens
Yes! Thanks. Love Tailwind!!
rarely needs this anymore, but when I do I always forget how. this works great!
Thank you a bunch! Works perfect wrapping my _app.tsx file with this.
thanks bro. I am a python dev and I hate the web FE staff :D sorry to say that. you made my day with this tip