[PATCH v1 1/6] add viewport meta tag for proper mobile rendering

From: Rito Rhymes <rito@ritovision.com>
Date: Mar 14, 2026, 07:59 UTC
Message-ID: <20260314075922.67391-2-rito@ritovision.com>
In-Reply-To: <20260314075922.67391-1-rito@ritovision.com>

The site UI is broken on mobile because pages currently render at desktop width on phones, which makes the content appear tiny and forces users into a pan-zoom dance of pinch-zooming and horizontal panning to read content. Adding a viewport meta tag to set the viewport width to the device width enables normal vertical scrolling on small screens and establishes the baseline layout for follow-up mobile fixes.

Signed-off-by: Rito Rhymes <rito@ritovision.com>
---
 korgi/templates/base.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/korgi/templates/base.html b/korgi/templates/base.html
index 9872e08..ce1d5fb 100644
--- a/korgi/templates/base.html
+++ b/korgi/templates/base.html
@@ -3,6 +3,7 @@
 <head>
         <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
         <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<link rel="icon" type="image/png" href="{{ SITEURL }}/theme/images/logos/favicon.png" />
         <link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
         {% if FEED_ALL_ATOM %}

-- 
2.51.0