From 6988aa68743f05341a24fcf6ba6b9224930a5e6d Mon Sep 17 00:00:00 2001
From: Alejandra <90076947+alejsdev@users.noreply.github.com>
Date: Fri, 14 Aug 2026 15:05:45 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=B1=20Improve=20mobile=20responsivenes?=
 =?UTF-8?q?s=20of=20conference=20rail=20(#16196)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/en/docs/css/custom.css               | 29 ++++++++++++++++++++++-
 docs/en/overrides/main.html               |  8 +++++++
 docs/en/overrides/partials/conf-rail.html |  2 +-
 3 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/docs/en/docs/css/custom.css b/docs/en/docs/css/custom.css
index f9945e2303..a6fcc279aa 100644
--- a/docs/en/docs/css/custom.css
+++ b/docs/en/docs/css/custom.css
@@ -507,7 +507,34 @@ Inspired by Termynal's CSS tricks with modifications
   outline-offset: 2px;
 }
 
-.md-sidebar--primary:has(.fastapi-conf-rail) { position: static; }
+.fastapi-conf-rail--mobile {
+  display: none;
+}
+
+@media screen and (max-width: 76.234375em) {
+  .fastapi-conf-rail:not(.fastapi-conf-rail--mobile) {
+    display: none;
+  }
+
+  .md-typeset .fastapi-conf-rail--mobile {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    margin: 0 0 1.25rem;
+    text-decoration: none;
+  }
+
+  .fastapi-conf-rail--mobile .fastapi-conf-rail__summary {
+    display: none;
+  }
+
+  .fastapi-conf-rail--mobile .fastapi-conf-rail__cta {
+    grid-column: 2;
+    grid-row: 1 / 4;
+    align-self: center;
+    margin: 0 0 0 0.8rem;
+    white-space: nowrap;
+  }
+}
 
 .fastapi-feature-banner {
   display: block;
diff --git a/docs/en/overrides/main.html b/docs/en/overrides/main.html
index 42ecff0a80..9acf75817b 100644
--- a/docs/en/overrides/main.html
+++ b/docs/en/overrides/main.html
@@ -44,6 +44,14 @@
   {% endif %}
 {% endblock %}
 
+{% block content %}
+  {% if not page.url %}
+    {% set conf_rail_mobile = true %}
+    {% include "partials/conf-rail.html" %}
+  {% endif %}
+  {% include "partials/content.html" %}
+{% endblock %}
+
 {% block announce %}
 <div class="announce-wrapper">
   <div id="announce-left">
diff --git a/docs/en/overrides/partials/conf-rail.html b/docs/en/overrides/partials/conf-rail.html
index 7ce71b1564..c4be54abd4 100644
--- a/docs/en/overrides/partials/conf-rail.html
+++ b/docs/en/overrides/partials/conf-rail.html
@@ -1,4 +1,4 @@
-<a class="fastapi-conf-rail no-link-icon" href="https://fastapiconf.com" target="_blank" rel="noopener">
+<a class="fastapi-conf-rail{% if conf_rail_mobile | default(false) %} fastapi-conf-rail--mobile{% endif %} no-link-icon" href="https://fastapiconf.com" target="_blank" rel="noopener">
   <span class="fastapi-conf-rail__eyebrow">FastAPI Conf '26</span>
   <span class="fastapi-conf-rail__date">October 28, 2026</span>
   <span class="fastapi-conf-rail__place">Amsterdam, NL</span>