Fix regression from #29 with hero image height on mobile (#30)

* Fix regression with hero image * Move function to comply with the screen resolution
spyder-ide · Mar 5, 2024 · ea5f04d · ea5f04d
1 parent 54b83f8
commit ea5f04d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/assets/static/js/main-singlelayout.js b/assets/static/js/main-singlelayout.js
@@ -22,15 +22,16 @@ https://github.com/spyder-ide/lektor-icon/blob/master/NOTICE.txt
 
   const heroHeight = function () {
     const headerHeight = $(".js-sticky").outerHeight();
-    if ($(window).outerWidth() > 768) {
+    if ($(window).outerWidth() >= 768) {
       $(".js-fullheight-home").css(
         "height",
         `calc(100dvh - ${headerHeight}px)`
       );
+      $(".hero-section").css("margin-top", `${headerHeight}px`);
     } else {
-      $(".js-fullheight-home").css("height", `50dvh - ${headerHeight}px)`);
+      $(".js-fullheight-home").css("height", "50dvh");
+      $(".hero-section").css("margin-top", "0px");
     }
-    $(".hero-section").css("margin-top", `${headerHeight}px`);
   };
 
   const setHeroHeight = function () {