[Bug] `Edit Profile` Button and `Modal` Not Visible in Mobile View

[AbuBakar877]

Describe the bug

• The Edit Profile button and its corresponding modal are not displayed in the mobile view. This prevents users from editing their profile information on mobile devices.

Demo:

https://www.loom.com/share/e4d04a7b536d4037b876dc4142ea1314

Desktop View:

Mobile View:

Expected behavior

• The Edit Profile button should be visible in the mobile view.
• Tapping the button should open the Edit Profile modal.

Acceptance Criteria

• The "Edit Profile" button is visible and functional in mobile view.
• The Edit Profile modal opens correctly when the button is tapped.
• The fix has been tested on Chrome (desktop & mobile).
• I have posted a screenshot or video in my PR
• I have rebased and tested locally before submitting my PR

[AbuBakar877]

@humansinstitute Please review this issue and assign it to me. Thanks!

[cybercraftsolutionsllc]

Submitted PR #1570 for this bounty: #1570

The mobile profile header already had the Edit Profile handler, but the action bar was an unstacked absolute overlay. The PR makes it a sticky top bar with z-index/background/border so the Edit Profile button remains visible and clickable, allowing the existing edit modal handler to fire. Payout wallet if accepted: 0xB34D185318b34ec2F9E060F662Cc7feA3180049c

[wbobbynmworley]

I am interested in working on this bounty. I will add the missing modal styles for mobile view and ensure the Edit Profile button/modal are visible on mobile devices.

[chfr19820610-cell]

Bounty Application for Issue #1292 – stakwork/sphinx-tribes-frontend

I have strong experience with responsive UI fixes in React and Tailwind CSS, and I’ve reviewed the issue and demo. The problem is likely caused by missing or incorrect mobile breakpoint styles or conditional rendering logic for the Edit Profile button and modal. I can identify the root cause and implement a clean, mobile-compatible solution within 24 hours of being assigned. I’m confident I can deliver a reliable fix that works across all viewports.

[chfr19820610-cell]

Bounty Application for Issue #1292 – stakwork/sphinx-tribes-frontend

I have strong experience with responsive UI fixes in React and Tailwind CSS, and I’ve reviewed the issue and demo. The problem is likely caused by missing or incorrect mobile breakpoint styles or conditional rendering logic for the Edit Profile button and modal. I can identify the root cause and implement a clean, mobile-compatible solution within 24 hours of being assigned. I’m confident I can deliver a reliable fix that works across all viewports.

[chfr19820610-cell]

Bounty Application: Fix Edit Profile Button & Modal in Mobile View

I have strong experience with responsive UI debugging and React-based frontend development, which directly matches the requirements of this issue. I can quickly identify the CSS or layout breakpoint causing the Edit Profile button and modal to be hidden on mobile devices. I will ensure the fix is clean, tested, and aligned with the existing codebase. Expected completion time: within 24 hours after assignment.