From 53253ef98830a96f59282d6b1baa2a021e8c496a Mon Sep 17 00:00:00 2001
From: tutingjun <glymphc@carleton.edu>
Date: Tue, 12 May 2026 11:33:33 -0500
Subject: [PATCH 1/2] Fix site-title logo/text fallback

---
 common/header.php | 26 ++++++++++++++++---
 css/style.css     | 64 ++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 84 insertions(+), 6 deletions(-)

diff --git a/common/header.php b/common/header.php
index 04ef960..44fdfd5 100644
--- a/common/header.php
+++ b/common/header.php
@@ -44,8 +44,17 @@
     <?php fire_plugin_hook('public_body', array('view'=>$this)); ?>
     <header>
       
-        <h1 id="site-title"><?php echo link_to_home_page(theme_logo(), array('alt' => 'Logo for Carleton Guide to Medieval Rome', 'title' => 'Logo for Carleton Guide to Medieval Rome')); ?></h1>
-            
+        <?php/*<h1 id="site-title"><?php echo link_to_home_page(theme_logo(), array('alt' => 'Logo for Carleton Guide to Medieval Rome', 'title' => 'Logo for Carleton Guide to Medieval Rome')); ?></h1> */ ?>
+        <h1 id="site-title">
+            <a href="<?php echo html_escape(url('/')); ?>" title="<?php echo html_escape(option('site_title')); ?>">
+                <?php if (theme_logo()): ?>
+                    <?php echo theme_logo(); ?>
+                <?php else: ?>
+                    <span class="site-title-fallback"><?php echo html_escape(option('site_title')); ?></span>
+                <?php endif; ?>
+            </a>
+        </h1>    
+
         <?php echo search_form(array( 'submit_value' => 'Search')); ?>
     
         
@@ -59,7 +68,18 @@
     <?php fire_plugin_hook('public_body', array('view'=>$this)); ?>
     <header>
     <div class="row">
-        <div class="column left"><h1 id="site-title"><?php echo link_to_home_page(theme_logo(), array('alt' => 'Logo for Carleton Guide to Medieval Rome', 'title' => 'Logo for Carleton Guide to Medieval Rome')); ?></h1>
+        <?php /*<div class="column left"><h1 id="site-title"><?php echo link_to_home_page(theme_logo(), array('alt' => 'Logo for Carleton Guide to Medieval Rome', 'title' => 'Logo for Carleton Guide to Medieval Rome')); ?></h1> 
+        </div>*/ ?>
+        <div class="column left">
+            <h1 id="site-title">
+                <a href="<?php echo html_escape(url('/')); ?>" title="<?php echo html_escape(option('site_title')); ?>">
+                    <?php if (theme_logo()): ?>
+                        <?php echo theme_logo(); ?>
+                    <?php else: ?>
+                        <span class="site-title-fallback"><?php echo html_escape(option('site_title')); ?></span>
+                    <?php endif; ?>
+                </a>
+            </h1>
         </div>
         <!-- this section of php is needed for header to work -->
         <!-- <div class="column middle"><nav id="navigation" data-role="none">
diff --git a/css/style.css b/css/style.css
index 22bc4f0..643f456 100644
--- a/css/style.css
+++ b/css/style.css
@@ -203,7 +203,6 @@
     position: relative;
     text-align: center;
   }
-
   #site-title {
     float: left;
     padding: 0 2.85714%;
@@ -215,7 +214,7 @@
   }
   
   #site-title a {
-    /* padding: 0.5625em 0; */
+    /*padding: 0.5625em 0; */
     display: block;
     color: #DAA41B;
     font-variant: small-caps;
@@ -225,7 +224,7 @@
   #site-title img {
     float: left;
     height: 1.5em;
-    /* width: fit-content; */
+    /*width: fit-content; */
     content: url("../images/CGMR_03.png");
     vertical-align: bottom;
     opacity: 100;
@@ -2573,3 +2572,62 @@
 
   /* @end */
 }
+
+/* site title/logo responsive fallback fix */
+#site-title {
+  position: absolute;
+  top: 18px;
+  left: 12px;
+  right: auto;
+
+  width: 190px;
+  max-width: 190px;
+
+  margin: 0;
+  padding: 0;
+  z-index: 80;
+  text-align: left;
+  float: none;
+}
+
+#site-title > a {
+  display: block;
+  width: 100%;
+  text-decoration: none;
+  overflow: visible;
+}
+
+#site-title img {
+  display: block;
+  max-width: 100%;
+  max-height: 84px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+}
+
+#site-title .site-title-fallback {
+  display: block;
+  width: 100%;
+
+  font-size: 22px;
+  line-height: 1.15;
+  font-weight: 600;
+  color: #DAA41B;
+
+  text-align: left;
+  white-space: normal;
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+/* Reserve left space for the absolute title */
+#navigation {
+  left: 0;
+  padding-left: 210px;
+  padding-right: 3.2%;
+}
+
+#navigation ul {
+  width: 100%;
+}
\ No newline at end of file

From fd7eb883469bf0de1b7ebbe04b0923e062a24959 Mon Sep 17 00:00:00 2001
From: tutingjun <glymphc@carleton.edu>
Date: Tue, 12 May 2026 14:01:01 -0500
Subject: [PATCH 2/2] Fix site-title logo/text fallback

---
 common/header.php |  7 ++-----
 css/style.css     | 35 ++++++++++++-----------------------
 2 files changed, 14 insertions(+), 28 deletions(-)

diff --git a/common/header.php b/common/header.php
index 44fdfd5..ca2bf3c 100644
--- a/common/header.php
+++ b/common/header.php
@@ -43,8 +43,7 @@
 <?php echo body_tag(array('id' => @$bodyid, 'class' => @$bodyclass)); ?>
     <?php fire_plugin_hook('public_body', array('view'=>$this)); ?>
     <header>
-      
-        <?php/*<h1 id="site-title"><?php echo link_to_home_page(theme_logo(), array('alt' => 'Logo for Carleton Guide to Medieval Rome', 'title' => 'Logo for Carleton Guide to Medieval Rome')); ?></h1> */ ?>
+    
         <h1 id="site-title">
             <a href="<?php echo html_escape(url('/')); ?>" title="<?php echo html_escape(option('site_title')); ?>">
                 <?php if (theme_logo()): ?>
@@ -68,11 +67,9 @@
     <?php fire_plugin_hook('public_body', array('view'=>$this)); ?>
     <header>
     <div class="row">
-        <?php /*<div class="column left"><h1 id="site-title"><?php echo link_to_home_page(theme_logo(), array('alt' => 'Logo for Carleton Guide to Medieval Rome', 'title' => 'Logo for Carleton Guide to Medieval Rome')); ?></h1> 
-        </div>*/ ?>
         <div class="column left">
             <h1 id="site-title">
-                <a href="<?php echo html_escape(url('/')); ?>" title="<?php echo html_escape(option('site_title')); ?>">
+            <a href="<?php echo html_escape(url('/')); ?>" title="<?php echo html_escape(option('site_title')); ?>">
                     <?php if (theme_logo()): ?>
                         <?php echo theme_logo(); ?>
                     <?php else: ?>
diff --git a/css/style.css b/css/style.css
index 643f456..d6a899b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2573,40 +2573,32 @@
   /* @end */
 }
 
-/* site title/logo responsive fallback fix */
-#site-title {
+body:not(.home) #site-title {
   position: absolute;
   top: 18px;
-  left: 12px;
+  left: 8px;
   right: auto;
 
-  width: 190px;
-  max-width: 190px;
+  width: 210px;
+  max-width: 210px;
 
   margin: 0;
   padding: 0;
   z-index: 80;
   text-align: left;
   float: none;
+
+  overflow: visible;
 }
 
-#site-title > a {
+body:not(.home) #site-title > a {
   display: block;
   width: 100%;
   text-decoration: none;
   overflow: visible;
 }
 
-#site-title img {
-  display: block;
-  max-width: 100%;
-  max-height: 84px;
-  width: auto;
-  height: auto;
-  object-fit: contain;
-}
-
-#site-title .site-title-fallback {
+body:not(.home) #site-title .site-title-fallback {
   display: block;
   width: 100%;
 
@@ -2619,15 +2611,12 @@
   white-space: normal;
   overflow-wrap: normal;
   word-break: normal;
+
+  overflow: visible;
 }
 
-/* Reserve left space for the absolute title */
-#navigation {
+body:not(.home) #navigation {
   left: 0;
-  padding-left: 210px;
+  padding-left: 235px;
   padding-right: 3.2%;
-}
-
-#navigation ul {
-  width: 100%;
 }
\ No newline at end of file