diff --git a/i18n/en.toml b/i18n/en.toml
index d8ea4c3..670ff48 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -92,4 +92,7 @@ other = "Reading Time"
 other = "Overview"
 
 [showcase-pinned]
-other = "Pinned"
\ No newline at end of file
+other = "Pinned"
+
+[nojs-message]
+other = "Please enable Javascript to view the contents"
\ No newline at end of file
diff --git a/i18n/fa.toml b/i18n/fa.toml
index 55926ca..98adc40 100644
--- a/i18n/fa.toml
+++ b/i18n/fa.toml
@@ -94,3 +94,5 @@ other = "بررسی اجمالی"
 [showcase-pinned]
 other = "پین شده"
 
+[nojs-message]
+other = "Please enable Javascript to view the contents"
\ No newline at end of file
diff --git a/i18n/ko.toml b/i18n/ko.toml
index 0ee7779..c9a0bf0 100644
--- a/i18n/ko.toml
+++ b/i18n/ko.toml
@@ -93,3 +93,6 @@ other = "개요"
 
 [showcase-pinned]
 other = "고정"
+
+[nojs-message]
+other = "내용을 보시려면 자바스크립트를 활성화 해주세요"
\ No newline at end of file
diff --git a/i18n/zh.toml b/i18n/zh.toml
index 214dc95..4923aea 100644
--- a/i18n/zh.toml
+++ b/i18n/zh.toml
@@ -92,4 +92,7 @@ other = "阅读时长"
 other = "总览"
 
 [showcase-pinned]
-other = "固定"
\ No newline at end of file
+other = "固定"
+
+[nojs-message]
+other = "Please enable Javascript to view the contents"
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b83bd47..d8bcecd 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -3,7 +3,7 @@
 
 <head prefix="og: http://ogp.me/ns#">
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <title>{{ block "title" . }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
     {{ partial "head/scripts" . }}    
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 9d64e00..c50cd26 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -4,7 +4,11 @@
   {{ if $.Param "enableBreadcrumb" }}
     {{ partial "body/breadcrumb" . }}
   {{ end }}
-  <div class="single">
+  <noscript>
+    {{ i18n "nojs-message" }}
+  </noscript>
+  <div class="single hide">
+    <script>document.querySelector('.single').classList.remove('hide')</script>
     <h2 class="single__title">{{ .Title }}</h2>
     <div class="single__meta">
       {{ partial "body/infos" . }}
diff --git a/layouts/partials/body/breadcrumb.html b/layouts/partials/body/breadcrumb.html
index f00cec0..4d36ff2 100644
--- a/layouts/partials/body/breadcrumb.html
+++ b/layouts/partials/body/breadcrumb.html
@@ -1,4 +1,5 @@
-<nav class="breadcrumb" aria-label="breadcrumbs">
+<nav class="breadcrumb hide" aria-label="breadcrumbs">
+  <script>document.querySelector('.breadcrumb').classList.remove('hide')</script>
   <ol>
     {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
   </ol>
diff --git a/layouts/partials/body/main-left.html b/layouts/partials/body/main-left.html
index 18f010f..9d87611 100644
--- a/layouts/partials/body/main-left.html
+++ b/layouts/partials/body/main-left.html
@@ -1,5 +1,6 @@
 {{ if eq ($.Param "languagedir") "rtl" }}
-<div class="wrapper__left" dir="rtl">
+<div class="wrapper__left hide" dir="rtl">
+  <script>document.querySelector('.wrapper__left').classList.remove('hide')</script>
   {{ if and (eq ($.Param "tocPosition") "outer") .IsPage }}
     {{ if and (ne .Type "about") (ne .Type "contact") (ne .Type "gallery") }}
       {{ if or ($.Param "enableToc") ($.Param "toc") }}
diff --git a/layouts/partials/body/main-right.html b/layouts/partials/body/main-right.html
index 992787c..a61d373 100644
--- a/layouts/partials/body/main-right.html
+++ b/layouts/partials/body/main-right.html
@@ -1,5 +1,6 @@
 {{ if ne ($.Param "languagedir") "rtl" }}
-<div class="wrapper__right" dir="ltr">
+<div class="wrapper__right hide" dir="ltr">
+  <script>document.querySelector('.wrapper__right').classList.remove('hide')</script>
   {{ if and (eq ($.Param "tocPosition") "outer") .IsPage }}
     {{ if and (ne .Type "about") (ne .Type "contact") (ne .Type "gallery") }}
       {{ if or ($.Param "enableToc") ($.Param "toc") }}
diff --git a/layouts/partials/comments/livere.html b/layouts/partials/comments/livere.html
index e802720..942c6ad 100644
--- a/layouts/partials/comments/livere.html
+++ b/layouts/partials/comments/livere.html
@@ -12,6 +12,5 @@
       e.parentNode.insertBefore(j, e);
     })(document, 'script');
   </script>
-  <noscript>Please enable JavaScript to view the comments powered by <a
-      href="https://livere.com/">LiveRe.</a></noscript>
+  <noscript>Please enable JavaScript to view the comments powered by <a href="https://livere.com/">LiveRe.</a></noscript>
 </div>
\ No newline at end of file
diff --git a/layouts/partials/sidebar/sidebar-single.html b/layouts/partials/sidebar/sidebar-single.html
index 4fe9696..fa2bf62 100644
--- a/layouts/partials/sidebar/sidebar-single.html
+++ b/layouts/partials/sidebar/sidebar-single.html
@@ -1,7 +1,8 @@
 {{ if $.Param "enableSidebar" }}
 {{ if and (or ($.Param "enableToc") ($.Param "toc")) (ne ($.Param "tocPosition") "outer") }}
 
-<section class="sidebar">
+<section class="sidebar hide">
+  <script>document.querySelector('.sidebar').classList.remove('hide')</script>
   <div class="toc__flexbox" data-position="{{ if $.Param "hideToc" }}absolute{{ else }}fixed{{ end }}">
     <h6 class="toc__title">{{ i18n "toc-label" }}</h6>
     {{ if $.Param "enableTocSwitch" }}
