mirror of
https://github.com/myronblair/tomsjavajive
synced 2026-06-30 17:50:32 -05:00
Condense footer from 5 columns to 3
Merged Company + Support into a single Help column, removed Sub Categories section. Tightened grid gap, padding, and list spacing. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -647,14 +647,14 @@ img {
|
|||||||
.footer {
|
.footer {
|
||||||
background: var(--color-text);
|
background: var(--color-text);
|
||||||
color: white;
|
color: white;
|
||||||
padding: 4rem 0 2rem;
|
padding: 2.5rem 0 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-grid {
|
.footer-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 2fr 1fr 1fr 1fr;
|
grid-template-columns: 2fr 1fr 1fr;
|
||||||
gap: 3rem;
|
gap: 2rem;
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-brand p {
|
.footer-brand p {
|
||||||
@@ -675,7 +675,7 @@ img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.footer-links li {
|
.footer-links li {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-links a {
|
.footer-links a {
|
||||||
|
|||||||
+2
-19
@@ -30,29 +30,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h4>Sub Categories</h4>
|
<h4>Help</h4>
|
||||||
<ul class="footer-links">
|
|
||||||
<?php
|
|
||||||
$footerTypes = db()->fetchAll("SELECT type_id, name FROM product_types WHERE is_active=1 ORDER BY sort_order ASC");
|
|
||||||
foreach ($footerTypes as $ft): ?>
|
|
||||||
<li><a href="/shop.php?subcat=<?= urlencode($ft['type_id']) ?>"><?= htmlspecialchars($ft['name']) ?></a></li>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h4>Company</h4>
|
|
||||||
<ul class="footer-links">
|
<ul class="footer-links">
|
||||||
<li><a href="/#about">About Us</a></li>
|
<li><a href="/#about">About Us</a></li>
|
||||||
<li><a href="/contact.php">Contact</a></li>
|
<li><a href="/contact.php">Contact</a></li>
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<h4>Support</h4>
|
|
||||||
<ul class="footer-links">
|
|
||||||
<li><a href="/faq.php">FAQ</a></li>
|
<li><a href="/faq.php">FAQ</a></li>
|
||||||
<li><a href="/shipping.php">Shipping Info</a></li>
|
<li><a href="/shipping.php">Shipping</a></li>
|
||||||
<li><a href="/returns.php">Returns</a></li>
|
<li><a href="/returns.php">Returns</a></li>
|
||||||
<li><a href="/track-order.php">Track Order</a></li>
|
<li><a href="/track-order.php">Track Order</a></li>
|
||||||
<li><a href="/privacy.php">Privacy Policy</a></li>
|
<li><a href="/privacy.php">Privacy Policy</a></li>
|
||||||
|
|||||||
Reference in New Issue
Block a user