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:
2026-06-15 17:23:32 +00:00
parent 01dc6f90fe
commit f54148dbe7
2 changed files with 7 additions and 24 deletions
+5 -5
View File
@@ -647,14 +647,14 @@ img {
.footer {
background: var(--color-text);
color: white;
padding: 4rem 0 2rem;
padding: 2.5rem 0 1.5rem;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 3rem;
margin-bottom: 3rem;
grid-template-columns: 2fr 1fr 1fr;
gap: 2rem;
margin-bottom: 2rem;
}
.footer-brand p {
@@ -675,7 +675,7 @@ img {
}
.footer-links li {
margin-bottom: 0.75rem;
margin-bottom: 0.5rem;
}
.footer-links a {
+2 -19
View File
@@ -30,29 +30,12 @@
</div>
<div>
<h4>Sub Categories</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>
<h4>Help</h4>
<ul class="footer-links">
<li><a href="/#about">About Us</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="/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="/track-order.php">Track Order</a></li>
<li><a href="/privacy.php">Privacy Policy</a></li>