Please confirm the following.

• I checked the existing issues for duplicate problems
• I have tried resolving the issue using the support portal

What browsers are you seeing the problem on?

Safari

Describe the bug

Describe the bug

The bottom navigation/search bar on the mobile website overlaps with the browser's UI (address bar), making it difficult to click or see the menu properly.

Steps to reproduce

1. Go to modrinth.com on a mobile device.
2. Look at the navigation bar at the bottom of the screen.

Expected behavior

The navigation bar should be positioned above the browser's UI without overlapping.

Screenshots

Steps to reproduce

1. Open modrinth.com on a safari mobile browser. (iOS 26.3.1
2. Look at the navigation bar at the bottom.
3. Observe the overlap with the browser's UI.

Expected behavior

The bottom navigation bar should be positioned correctly above the browser's address/navigation bar without any overlapping.

Additional context

I contacted support via email, and Emma suggested opening a GitHub issue for further investigation.

I suspect this issue is related to the "Safe Area" and Safari's floating address bar UI. Having experienced similar Safe Area problems before, I would like to suggest a design change: separating the bottom navigation UI and making it a floating view (floating above the bottom) might prevent these overlapping issues.

Device: iPhone 17 Pro
OS: iOS 26.3.1
Browser: Safari