From b24f7351d44a8ddb9863aa6b386e9587de37ed49 Mon Sep 17 00:00:00 2001
From: bonomite <thomasbono.com@gmail.com>
Date: Wed, 5 Jun 2024 14:28:27 -0400
Subject: [PATCH] more css

---
 components/RadiolabHeader.vue | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/RadiolabHeader.vue b/components/RadiolabHeader.vue
index b926eb8..1b627fb 100644
--- a/components/RadiolabHeader.vue
+++ b/components/RadiolabHeader.vue
@@ -40,7 +40,7 @@ onUnmounted(() => {
         v-if="isMenuVisible"
         class="content flex lg:block align-items-center justify-content-between lg:px-2 pr-3"
       >
-        <Menubar :model="menuItems" ref="pMenuRef" breakpoint="1180px">
+        <Menubar :model="menuItems" ref="pMenuRef">
           <template #start>
             <nuxt-link
               to="/"
@@ -51,9 +51,14 @@ onUnmounted(() => {
             </nuxt-link>
           </template>
         </Menubar>
-        <v-flexible-link raw to="/the-lab" aria-label="Become a member">
+        <v-flexible-link
+          raw
+          to="/the-lab"
+          aria-label="Become a member"
+          class="mobile-bm-button"
+        >
           <Button
-            class="flex lg:hidden p-button-rounded"
+            class="flex p-button-rounded"
             @click="
               $analytics.sendEvent('click_tracking', {
                 event_category: 'Click Tracking',
@@ -143,6 +148,11 @@ onUnmounted(() => {
     .content {
       width: 100%;
       padding: 0;
+      .mobile-bm-button {
+        @media (min-width: 961px) {
+          display: none;
+        }
+      }
     }
 
     .p-menubar:not(.p-menubar-mobile-active) {