fix: Remove duplicate header/banner section - Hide theme's default banner to prevent duplication with custom hero section - Enhanced CSS selectors to target minimal theme banner - Keeps custom hero section visible - Removes redundant title and description from theme header

Author: ElaMCB

_config.yml

@@ -40,6 +40,9 @@ exclude:
   - .git/
   - .vscode/
 
+# Show only minimal theme elements we want
+show_docs: false
+
 # Markdown processing
 markdown: kramdown
 kramdown:

assets/css/style.css

@@ -23,6 +23,34 @@ body {
     background-color: var(--bg-color) !important;
 }
 
+/* Hide theme's default header/banner to avoid duplication with hero section */
+/* Target the minimal theme's default banner - appears before wrapper */
+header.banner,
+.banner,
+[role="banner"],
+.wrapper > header,
+body > header:first-of-type,
+header:first-of-type:not(.hero),
+section[role="banner"],
+body > * > header:first-child {
+    display: none !important;
+    visibility: hidden !important;
+}
+
+/* Hide banner that contains GitHub link (minimal theme default) */
+header a[href*="github"]:first-of-type,
+header:has(a[href*="View the Project"]) {
+    display: none !important;
+}
+
+/* Re-show hero section explicitly */
+div.hero,
+.hero {
+    display: block !important;
+    position: relative !important;
+    visibility: visible !important;
+}
+
 /* Override minimal theme wrapper */
 .wrapper {
     max-width: 1200px !important;
@@ -339,14 +367,16 @@ li {
     }
 }
 
-/* Hero Section */
+/* Hero Section - Custom hero that replaces theme banner */
 .hero {
     background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
     color: white !important;
     padding: 4rem 1rem !important;
     text-align: center;
     margin: -2rem -1rem 3rem -1rem !important;
     border-radius: 0;
+    position: relative;
+    z-index: 1;
 }
 
 .hero h1 {
@@ -355,16 +385,22 @@ li {
     font-size: 3rem !important;
     margin-bottom: 1rem !important;
     padding-bottom: 0 !important;
+    font-weight: 700 !important;
 }
 
 .hero p {
     font-size: 1.3rem !important;
     opacity: 0.95;
     max-width: 800px;
-    margin: 1rem auto !important;
+    margin: 1rem auto 2rem auto !important;
     color: white !important;
 }
 
+.hero .btn {
+    display: inline-block !important;
+    margin: 0.5rem !important;
+}
+
 /* Badge/Pill */
 .badge {
     display: inline-block;