relaycc / relay

relay.cc is a web3 directory of apps and profiles, plus the easiest way to message each of them.
https://www.relay.cc
5 stars 3 forks source link

Mobile Responsiveness #358

Closed oswidandesign closed 1 year ago

oswidandesign commented 1 year ago

https://user-images.githubusercontent.com/120046997/215907836-d9e8b3c8-677d-49cd-ab7f-83eab8cfffe4.mov

Describe the bug. Include a video.

When menu is opened on mobile, the Connect Wallet button cuts off because it's covered by Safari's action bar (see iphone screen recording). We should disable vertical scrolling when menu is open. Also, mobile nav bar is not active on my iPhone 12 pro max-- can we set mobile breakpoint to activate at 414px?

What is the expected behavior?

Connect Wallet button should always visible, above the safari action bar, regardless of mobile phone height. See opensea.io menu for reference.

What is the actual behavior?

See video

How can you reproduce the bug?

See video

killthebuddh4 commented 1 year ago

A few questions @oswidandesign: