Moved styles into the css file

Author: gin0115

themes/osi/assets/css/editor-style.css

@@ -494,6 +494,55 @@ footer.ai-footer {
     .ai-def-header .wp-block-coblocks-hero__inner {
         height: 850px;
     }
+    // Secondary Nav
+    .ai-secondary-navbar-wrapper {
+        background-color: #fff;
+        border-bottom: 1px solid #ddd;
+        padding: 10px 0;
+        position: sticky;
+        top: 90px; // adjust as needed
+        z-index: 999;
+    }
+    .ai-secondary-nav-menu {
+        display: flex;
+        justify-content: center;
+        gap: 40px;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        padding-top: 10px;
+        font-size: 10px;
+        li {
+            display: inline-block;
+        }
+    }
+    // Hide mobile label by default (desktop)
+    .ai-mobile-label {
+        display: none;
+    }
+    // Mobile-specific styles (not using "force override" block)
+    @media (max-width: 768px) {
+        .ai-secondary-mobile-wrapper {
+            margin-top: 10px;
+            padding-top: 0;
+        }
+        .ai-mobile-label {
+            display: block;
+            color: #bbb;
+            font-size: 13px;
+            text-transform: uppercase;
+            padding: 8px 20px 4px;
+            margin: 0;
+            letter-spacing: 0.5px;
+            text-align: right;
+        }
+        .ai-secondary-mobile-menu {
+            margin-top: 0;
+            li {
+                padding: 10px 20px;
+            }
+        }
+    }
     .jetpack-social-navigation {
         height: 40px;
         margin: 0;

themes/osi/assets/css/editor-style.css.map

@@ -47,14 +47,16 @@
 					endif;
 					//Adding for AI template - secondary navigation
 					if ( is_page_template( 'templates/ai-wide.php' ) ) :
-						echo '<p class="ai-mobile-label">Open Source AI</p>';
-						wp_nav_menu( array(
-						  'theme_location' => 'ai_secondary_nav',
-						  'menu'           => 'AI secondary nav',
-						  'container'      => false,
-						  'container_class'=> 'ai-secondary-nav',
-						  'menu_class'     => 'ai-secondary-nav-menu',
-						) );
+						echo '<p class="ai-mobile-label">'. __( 'Open Source AI', 'osi' ) . '</p>';
+						wp_nav_menu(
+							array(
+								'theme_location'  => 'ai_secondary_nav',
+								'menu'            => 'AI secondary nav',
+								'container'       => false,
+								'container_class' => 'ai-secondary-nav',
+								'menu_class'      => 'ai-secondary-nav-menu',
+							)
+						);
 					endif;
 					?>
 				</nav><!-- #site-navigation -->

themes/osi/assets/scss/_8_overrides.templates.scss

@@ -9,16 +9,6 @@
 	get_header( 'ai' );
 else :
 	get_header();
-	// Display the AI secondary nav menu
-        echo '<div class="ai-secondary-navbar-wrapper">';
-        wp_nav_menu( array(
-          'theme_location' => 'ai_secondary_nav',
-          'menu'           => 'AI secondary nav',
-          'container'      => 'nav',
-          'container_class'=> 'ai-secondary-nav',
-          'menu_class'     => 'ai-secondary-nav-menu',
-        ) );
-        echo '</div>';
 endif;
 ?>