Ticket #5208: BP2020Survey.patch

buddypress.org/public_html/wp-content/themes/bporg-developer/header.php

@@ -19 +19 @@
 <?php get_template_part( 'template-parts/header', 'accessibility' ); ?>
 
 <div id="header">
+        <style type="text/css">
+                @media screen and (max-width:768px) { .survey-wrapper { margin-bottom:20px; } #header-inner {height:82px} }
+                .survey-wrapper { width: 100%; position: absolute; }
+                .survey-div { font-family: 'Open Sans', Helvetica, Arial, 'Liberation Sans', sans-serif; font-weight: 600; display: block; margin: 0 auto; font-size: 13px; color: #fff; height: 24px; width: 245px; text-align:center !important; background-color: rgba(0, 0, 0, 0.8); border-radius: 0 0 4px 4px; }
+                .survey-div a { color: #fff; font-weight: 500; display: block; }
+                .survey-div a:hover { text-decoration: none; }
+                #wpadminbar { top: 82px; }
+                #main {  margin-top: 120px; }
+                @media screen and (max-width:360px) { .survey-div { width: 100%; } }
+        </style>
+        <div class="survey-wrapper"><div class="survey-div">
+                <a href="https://mercime.survey.fm/2020-buddypress-survey">Take the 2020 BuddyPress Survey &rarr;</a>
+        </div></div>
         <div id="header-inner">
 
                 <?php get_template_part( 'template-parts/header', 'nav' ); ?>

buddypress.org/public_html/wp-content/themes/buddypress-org/header.php

@@ -7 +7 @@
 <?php get_template_part( 'header', 'accessibility' ); ?>
 
         <div id="header">
+                <style type="text/css">
+                        @media screen and (max-width:768px) { .survey-wrapper { margin-bottom:20px; } #header-inner {height:82px} }
+                        .survey-wrapper { width: 100%; position: absolute; }
+                        .survey-div { font-family: 'Open Sans', Helvetica, Arial, 'Liberation Sans', sans-serif; font-weight: 600; display: block; margin: 0 auto; font-size: 13px; color: #fff; height: 24px; width: 245px; text-align:center !important; background-color: rgba(0, 0, 0, 0.8); border-radius: 0 0 4px 4px; }
+                        .survey-div a { color: #fff; font-weight: 500; display: block; }
+                        .survey-div a:hover { text-decoration: none; }
+                        #wpadminbar { top: 82px; }
+                        #main {  margin-top: 120px; }
+                        @media screen and (max-width:360px) { .survey-div { width: 100%; } }
+                </style>
+                <div class="survey-wrapper"><div class="survey-div">
+                        <a href="https://mercime.survey.fm/2020-buddypress-survey">Take the 2020 BuddyPress Survey &rarr;</a>
+                </div></div>
                 <div id="header-inner">
                 <?php get_template_part( 'header', 'nav' ); ?>
 

buddypress.org/public_html/wp-content/themes/codex-buddypress-org/header.php

@@ -7 +7 @@
 <?php get_template_part( 'header', 'accessibility' ); ?>
 
         <div id="header">
+                <style type="text/css">
+                        @media screen and (max-width:768px) { .survey-wrapper { margin-bottom:20px; } #header-inner {height:82px} }
+                        .survey-wrapper { width: 100%; position: absolute; }
+                        .survey-div { font-family: 'Open Sans', Helvetica, Arial, 'Liberation Sans', sans-serif; font-weight: 600; display: block; margin: 0 auto; font-size: 13px; color: #fff; height: 24px; width: 245px; text-align:center !important; background-color: rgba(0, 0, 0, 0.8); border-radius: 0 0 4px 4px; }
+                        .survey-div a { color: #fff; font-weight: 500; display: block; }
+                        .survey-div a:hover { text-decoration: none; }
+                        #wpadminbar { top: 82px; }
+                        #main {  margin-top: 120px; }
+                        @media screen and (max-width:360px) { .survey-div { width: 100%; } }
+                </style>
+                <div class="survey-wrapper"><div class="survey-div">
+                        <a href="https://mercime.survey.fm/2020-buddypress-survey">Take the 2020 BuddyPress Survey &rarr;</a>
+                </div></div>
                 <div id="header-inner">
                 <?php get_template_part( 'header', 'nav' ); ?>