Public-site mobile UX overhaul — every front-facing page now reflows cleanly on phones, with larger tap targets, no zoom-on-input, and no horizontal scroll.
New public/css/frontend-mobile.css loads after each page's inline styles and overrides them via the cascade — no rewrites of the duplicated per-page CSS were needed. Targets phones at 768px and small phones at 480px.
Logo text now truncates with ellipsis instead of overflowing. Hamburger button enlarged to a 44×44 tap target. Mobile menu links given 44px+ height with full-row hit areas. Topbar (phone, email, login links) restored on mobile as a horizontally-scrollable strip — keeps tap-to-call working.
Decorative mosque SVG hidden on phones to free up text space. Hero buttons stack full-width. Stats grid switches from a 4-across overflow to a clean 2×2 layout. Slider arrows shrunk and tucked closer to edges.
Inputs forced to 16px font-size — prevents iOS Safari from auto-zooming on focus. Two-column form rows collapse to a single column on phones. Submit buttons promoted to 48px height.
Departments, Why-IOM, Scholars, Services, Teachers, Staffs, Gallery, Books, Albums and Question Banks all reflow gracefully through a 2-column → 1-column path. Card padding tightened so content isn't lost to whitespace on small screens.
Vertical section padding reduced from 72px down to 44px on phones and 36px on small phones. Headlines and subtitles scaled to match.
Four-column footer collapses to a single column with consistent 28px gaps. Bottom row stacks (copyright + policy links) instead of overflowing.
Slowed from 30s to 60s on phones for readability; smaller font and tighter padding so the bar fits cleanly under the header.
Added overflow-x: hidden on html/body and max-width: 100% on images/iframes — eliminates phantom horizontal scroll caused by oversized hero/SVG elements.
Header, topbar, mobile menu, ticker, footer and back-to-top are hidden when printing — useful for the result and admit-card pages that users print directly.
Home, Notices (list + detail), Contact, Teachers, Staffs, E-Library, Gallery (list + detail), Results (index, students, show), Question Bank (list + detail), Support (form + track), Scholar Opinion and Class detail. The shared stylesheet is injected into every page's <head>, so future pages only need a single <link> line to inherit the same mobile behavior.
Looking for an earlier release? Browse the release archive.