Merge pull request #484 from geeksforsocialchange/add-viewport-meta-tag

fix: Enable responsive UI on mobile devices
geeksforsocialchange · Dec 19, 2024 · edf6fda · edf6fda
2 parents 00a15d8 + 813b82b
commit edf6fda
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/Theme/PageTemplate.elm b/src/Theme/PageTemplate.elm
@@ -71,7 +71,9 @@ stringToHeaderType maybeTypeString =
 
 pageMetaTags : { title : Key, description : Key, imageSrc : Maybe String } -> List Head.Tag
 pageMetaTags { title, description, imageSrc } =
-    Seo.summary
+    Head.metaName "viewport" (Head.raw "width=device-width, initial-scale=1") ::
+    (
+        Seo.summary
         { canonicalUrlOverride = Nothing
         , siteName = t SiteTitle
         , image =
@@ -93,6 +95,7 @@ pageMetaTags { title, description, imageSrc } =
         , title = t (PageMetaTitle (t title))
         }
         |> Seo.website
+    )
 
 
 view : PageUsingTemplate msg -> Html.Html msg