From 847b4f0c8c3ba04e06ce55e4e73770eb732f8959 Mon Sep 17 00:00:00 2001
From: Bernhard Kau <github@kau-boys.de>
Date: Thu, 19 Oct 2023 16:40:58 +0200
Subject: [PATCH] Mu-plugins: Add margin to fixed navigation on sites with the
 latest event banner

---
 .../mu-plugins/latest-site-hints.php          | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/public_html/wp-content/mu-plugins/latest-site-hints.php b/public_html/wp-content/mu-plugins/latest-site-hints.php
index 6a6a4a833..2ef24a018 100644
--- a/public_html/wp-content/mu-plugins/latest-site-hints.php
+++ b/public_html/wp-content/mu-plugins/latest-site-hints.php
@@ -71,7 +71,8 @@ function canonical_link_past_home_pages_to_current_year() {
  */
 function add_notification_styles() { ?>
   <style type="text/css">
-		html:not(#specificity-hack) {
+		html:not(#specificity-hack),
+		.wordcamp-latest-site-notify-fixed-position-fix {
 			/* 44 = 10px x2 for padding, 24px for line height. */
 			margin-top: calc(44px + var(--wp-admin--admin-bar--height, 0px)) !important;
 		}
@@ -110,6 +111,23 @@ function add_notification_styles() { ?>
 			color: #72aee6;
 		}
   </style>
+  <script>
+      document.addEventListener("DOMContentLoaded", (event) => {
+          const fixedElements = document.querySelectorAll('nav, nav *'); // Select all elements
+          const fixedElementsArray = Array.from(fixedElements);
+
+          const fixedElementsWithPositionFixed = fixedElementsArray.filter(element => {
+              const computedStyle = getComputedStyle(element);
+              return computedStyle.position === 'fixed';
+          });
+
+          console.log(fixedElementsWithPositionFixed);
+
+          fixedElementsWithPositionFixed.forEach(element => {
+              element.classList.add('wordcamp-latest-site-notify-fixed-position-fix')
+          });
+      });
+  </script>
 <?php }
 
 /**