Skip to content

Navbar CTA button overflows on mobile screens #290

@AYUSH-P-SINGH

Description

@AYUSH-P-SINGH

Description:
In mobile view, the rightmost CTA button in the navbar extends outside the visible container, causing layout overflow and poor responsiveness.

Steps to Reproduce:

  1. Run the project locally
  2. Open DevTools mobile view
  3. Set width around 400px
  4. Observe navbar on homepage

Expected Behavior:
Navbar elements should fit properly within the mobile viewport.

Screenshot

Image

Actual Behavior:
The CTA button overflows outside the screen/container.

Possible Cause:
Navbar items may not be wrapping or resizing correctly on smaller breakpoints.

Suggested Fix:

  • Reduce padding/margin on mobile
  • Use responsive flex properties
  • Hide CTA button on smaller screens if necessary
  • Add proper media queries

I would like to work on this issue under SSoC. Please assign it to me.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions