TalkToUs button's behavior from blog pages

ivelum · Dec 14, 2024 · e8fa4b7 · e8fa4b7
1 parent a0e766f
commit e8fa4b7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
@@ -16,6 +16,10 @@
 @import './typography';
 @import './vars';
 
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   @include stylized-scrollbar;
   background-color: $white;
@@ -26,6 +30,7 @@ body {
   line-height: $line-height-default;
   margin: 0;
   text-align: left;
+  scroll-behavior: smooth;
 }
 
 html,

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -25,13 +25,18 @@
           {{- end }}
         </div>
         <div class="header--button-wrapper">
-          <a class="header--button" href="#talk" x-on:click.prevent="talkToUs"
-            >{{
-              (resources.Get "img/ico-talk.svg").Content
-              | strings.TrimSpace
-              | safeHTML
-            }}Talk to us</a
+          <a
+            class="header--button"
+            {{ if .Params.simpleFooter }}
+              href="/contact/#talk"
+            {{ else }}
+              href="#talk"
+              x-on:click.prevent="talkToUs"
+            {{ end }}
           >
+            {{ (resources.Get "img/ico-talk.svg").Content | strings.TrimSpace | safeHTML }}
+            Talk to us
+          </a>
         </div>
       </div>
     </div>