Skip to content

UI/UX: Redesign and optimize mobile footer layout #254

@Tanush576

Description

@Tanush576

Description of the problem

Currently, the mobile view of the website footer stacks all navigation links into a single, center-aligned vertical column. This creates excessive scrolling, poor utilization of screen real estate, and makes it harder for users to quickly scan for the links they need.

Proposed Solution

I propose redesigning the mobile footer using a responsive CSS Grid layout. By grouping the links into distinct columns with categorized headers (e.g., Resources, Community, Legal) and aligning them to the left, we can significantly improve mobile navigation, increase touch-target accessibility, and give the site a more modern feel.

I have already built and tested this redesign locally and will link a PR shortly with visual Before/After comparisons!

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions