From 4a81870dba33eb5f40be47cce170814f98987ff2 Mon Sep 17 00:00:00 2001
From: Nataliia Bobrova <nataliia.bobrova@telos.digital>
Date: Wed, 9 Apr 2025 21:36:19 +0000
Subject: [PATCH] mobile styling updates, fix index and news page

---
 assets/js/custom.js                  |  6 +--
 assets/scss/_bootscore-custom.scss   | 72 ++++++++++++++++++++++++++--
 index.php                            |  2 +-
 page-templates/page-sidebar-none.php |  2 +-
 4 files changed, 74 insertions(+), 8 deletions(-)

diff --git a/assets/js/custom.js b/assets/js/custom.js
index 13cb94f..8dfd497 100644
--- a/assets/js/custom.js
+++ b/assets/js/custom.js
@@ -11,10 +11,10 @@ jQuery(function ($) {
     // Create the correct menu
     let innerContent = "";
     sections.forEach(link => {
-        let itemTitle = link.querySelector("h2:first-of-type");
+        let itemTitle = link.querySelector("h2:first-of-type, h3:first-of-type, h4:first-of-type, h5:first-of-type, h6:first-of-type");
         if (itemTitle) {
-          link.setAttribute("id", itemTitle.id)
-          let fullUrl = url.split("#")[0] + "#" + itemTitle.id;
+          link.setAttribute("id", itemTitle.innerText.replace(/\W/g,'_'))
+          let fullUrl = url.split("#")[0] + "#" + itemTitle.innerText.replace(/\W/g,'_');
           innerContent += "<li><a href=\"" + fullUrl + " \" class=''>" + itemTitle.innerText + "</a></li>"
         }
     });
diff --git a/assets/scss/_bootscore-custom.scss b/assets/scss/_bootscore-custom.scss
index 87a3262..23796d1 100644
--- a/assets/scss/_bootscore-custom.scss
+++ b/assets/scss/_bootscore-custom.scss
@@ -111,6 +111,20 @@
     }
 }
 
+.is-home-featured-image {
+    height: 600px;
+}
+  
+.is-home-featured-image img {
+    background-repeat: no-repeat !important;
+    width: auto !important;
+    height: 600px !important;
+    display: flex !important;
+    justify-content: end !important;
+    align-items: center !important;
+}
+          
+
 /* Footer */
 
 #footer {
@@ -275,6 +289,7 @@ body:not(.wp-admin) .wp-block-group.team {
             display: flex;
             align-items: center;
             justify-content: center;
+            padding: 0;
         }
     
     }
@@ -311,11 +326,8 @@ body:not(.wp-admin) .wp-block-group.team {
     .team-member-bio {
         display: none;
     }
-
 }
 
-
-
 @include media-breakpoint-up(sm) { 
     body:not(.wp-admin) .wp-block-group.team {
         grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -420,3 +432,57 @@ body:not(.wp-admin) .wp-block-group.team {
 }
 
 
+@include media-breakpoint-down(md) {
+    .home .container {
+        padding: 0;
+    }
+    .wp-block-heading {
+        margin-bottom: 0 !important;
+    }
+    #nav-main {
+        padding-left:  var(--wp--preset--spacing--30);
+        padding-right:  var(--wp--preset--spacing--30);
+    }
+    .wp-block-columns, 
+    .wp-block-cover {
+        gap: 10px;
+        padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
+    }
+    .has-text-align-right {
+        text-align: center;
+    }
+    .wp-block-columns > .wp-block-column {
+            padding-top: var(--wp--preset--spacing--30) !important;
+            padding-right: 0 !important;
+            padding-bottom: var(--wp--preset--spacing--30) !important;
+            padding-left: 0 !important;
+    }
+    
+    .is-style-fixed-height-272,
+    .is-style-fixed-height-400 {
+        height: auto;
+    }
+    /* Footer */
+    .bootscore-footer-columns,
+    .bootscore-footer-info {
+        padding: var(--wp--preset--spacing--30);
+    }
+    #footer .container {
+        padding: 0;
+    }
+    
+}
+
+@include media-breakpoint-down(xl) {
+    .is-home-featured-image {
+        .wp-block-cover__inner-container  {
+            display: block;
+            width: auto;
+            background-color: white;
+            padding: 10px;
+            p.has-text-align-right {
+                text-align: center !important;
+            }
+        }
+    }
+}
diff --git a/index.php b/index.php
index 7bbdd9a..3f9bb0a 100644
--- a/index.php
+++ b/index.php
@@ -36,7 +36,7 @@ get_header();
                 <div class="<?= apply_filters('bootscore/class/container', 'container', 'page-full-width-image'); ?> <?= apply_filters('bootscore/class/featured-full-width-img/container', 'h-100 d-flex align-items-end pb-3', 'page-full-width-image'); ?>">
                     <div class="<?= apply_filters('bootscore/class/full-width-img-title-wrapper', 'full-width-img-title-wrapper', 'page-full-width-image'); ?>">
                     <?php do_action( 'bootscore_before_title', 'page-full-width-image' ); ?>
-                    <?php the_title('<h1 class="entry-title ' . apply_filters('bootscore/class/entry/title', '', 'page-full-width-image') . '">', '</h1>'); ?>
+                    <h1 class="entry-title"><?php echo get_the_title($page_for_posts)?></h1>
                     <?php do_action( 'bootscore_after_title', 'page-full-width-image' ); ?>
                     </div>
                 </div>
diff --git a/page-templates/page-sidebar-none.php b/page-templates/page-sidebar-none.php
index 6df73a5..dde8a23 100644
--- a/page-templates/page-sidebar-none.php
+++ b/page-templates/page-sidebar-none.php
@@ -27,7 +27,7 @@ get_header();
           <div class="<?= apply_filters('bootscore/class/container', 'container', 'page-full-width-image'); ?> <?= apply_filters('bootscore/class/featured-full-width-img/container', 'h-100 d-flex align-items-end pb-3', 'page-full-width-image'); ?>">
             <div class="<?= apply_filters('bootscore/class/full-width-img-title-wrapper', 'full-width-img-title-wrapper', 'page-full-width-image'); ?>">
               <?php do_action( 'bootscore_before_title', 'page-full-width-image' ); ?>
-              <?php the_title('<h1 class="entry-title ' . apply_filters('bootscore/class/entry/title', '', 'page-full-width-image') . '">', '</h1>'); ?>
+              <h1 class="entry-title"><?php get_the_title(get_option('page_for_posts'))?></h1>
               <?php do_action( 'bootscore_after_title', 'page-full-width-image' ); ?>
             </div>
           </div>