Homepage hero text truncated on first load (mobile) — likely viewport tag issue #374
Description
On mobile devices, the hero text at the top of the OWASP homepage initially appears truncated as:
“Explore the of cyber sec”
After refreshing the page, the full text renders correctly. This indicates a possible issue with how the viewport meta tag or CSS scaling is being applied on first load.
Steps to Reproduce:
1. Open https://owasp.org/ on a mobile device (or use browser dev tools in mobile view).
2. Observe the hero section text (“Explore the…”). It may appear truncated or cut off.
3. Refresh the page — the text now displays correctly.
Expected Behavior:
The full tagline should render correctly on first load without needing a refresh.
Suspected Cause:
Likely related to the <meta name="viewport" ...> tag or a CSS scaling/rendering timing issue that affects initial layout on mobile.
Suggested Fix:
Review and adjust the viewport meta tag and hero text container CSS. This should be a one-line fix and doesn’t require a redesign.
Environment:
• Affected: Mobile Safari (iOS), Mobile Chrome (Android)
• Not affected: Desktop browsers
Priority: Low effort / High visibility (affects first impression)
Attachments:
• Screenshot 1: First load (truncated text)
• Screenshot 2: After refresh (correct rendering)
