Skip to content

UI: Footer Takes Full Page Height (Needs Redesign) #191

@TiwariDivya25

Description

@TiwariDivya25

🐛 UI: Footer Takes Full Page Height (Needs Redesign)

📌 Description

The current footer is extremely large and is taking up almost the entire page height, making it look like a separate full-page section instead of a normal footer.

This needs a redesign + layout fix so the footer stays compact and only occupies the required space.


❌ Current Behavior

  • Footer height is almost equal to the full page/screen
  • Creates a lot of empty space and pushes the main content up
  • Footer feels like a full section rather than a footer

✅ Expected Behavior

  • Footer should be short and minimal
  • Should only take the space required by its content
  • keep the clean and modern layout with:
    • Copyright text
    • Quick links (Privacy, Terms, etc.)
    • Optional social icons
  • Footer should not feel like a separate page

🛠️ Tasks

  • Find the footer container causing full height (min-h-screen, h-screen, height: 100vh, etc.)
  • Redesign footer layout to be compact (reduce spacing + remove unnecessary blocks)
  • Ensure footer works on desktop + mobile
  • Keep footer content readable and aligned properly

📷 Reference

Footer currently appears as a full-page section (see attached screenshot).

Image

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions