Enhance Moodle Site's UI/UX for iOS App

Make My Moodle Site Look Great Inside an iOS App (Mobile UI/UX Fixes)

We have a fully functional Moodle 3.9 site, but when opened inside an iOS app (WebView container), the interface does not look good — layout breaks, poor responsiveness, and awkward mobile UI. We need a front-end developer who understands Moodle theming and mobile UX to clean it up and make it look like a real mobile app.

What We Need You to Do:
Make our Moodle site look clean, modern, and fully responsive on iOS WebView (iPhone/iPad)
Fix layout issues, spacing, text alignment, padding, and scrolling problems on mobile
Remove any desktop-only visual elements that clutter the mobile view
Modify/customize current theme (we use a Boost-based theme) or apply a new lightweight mobile-first theme
Ensure menus, blocks, and course pages look and behave like a native app experience
Optimize loading speed and interaction for mobile
Test on multiple iOS screen sizes

Our Moodle site offers multiple activities for each course topic, giving students various options to choose from. We use filters at the top of the page and display each activity as a card/tile.

I’m looking for a card/tile-based layout, ideally with left/right swipe support, especially optimized for mobile use.

Deliverables:
Updated theme files or CSS/JS overrides
Instructions on how to apply the changes on our Moodle server

Bonus: Develop a Webview app for iOS and Android