From dfe0b422521f06ef8de2f339f60377244e0a4c3d Mon Sep 17 00:00:00 2001
From: KoalaDev <6156589+Shik3i@users.noreply.github.com>
Date: Tue, 7 Jul 2026 02:05:31 +0200
Subject: [PATCH] fix: hide hero github cta on mobile
---
website/style.css | 6 +++++-
website/template.html | 2 +-
2 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/website/style.css b/website/style.css
index 65c52bb..6a439ef 100644
--- a/website/style.css
+++ b/website/style.css
@@ -388,7 +388,7 @@ html.theme-light .compat-logo {
.hero-grid {
display: grid;
/* Single column until the interactive demo appears (1024px). Below that the
- headline gets the full width (the three CTAs always fit one row) and the
+ headline gets the full width and the install CTAs stay prominent while the
demo stacks underneath, matching the demo's own 1024px breakpoint. */
grid-template-columns: minmax(0, 1fr);
align-content: center;
@@ -4825,6 +4825,10 @@ header[id] {
}
@media (max-width: 900px) {
+ .hero-github-cta {
+ display: none;
+ }
+
.btn-demo-mobile {
display: inline-flex;
}
diff --git a/website/template.html b/website/template.html
index 7459c4b..180a281 100644
--- a/website/template.html
+++ b/website/template.html
@@ -310,7 +310,7 @@
Firefox
{{ADD_TO_FIREFOX}}
-
+
GitHub