<div class=”site-logo show”> <a href=”https://atlasofhomes.com/” class=”custom-logo-link” rel=”home”><img width=”1536″ height=”216″ src=”https://atlasofhomes.com/wp-content/uploads/2026/06/cropped-Atlasofhomes-Logo.webp” class=”custom-logo” alt=”Atlas of Homes” decoding=”async” srcset=”https://atlasofhomes.com/wp-content/uploads/2026/06/cropped-Atlasofhomes-Logo.webp 1536w, https://atlasofhomes.com/wp-content/uploads/2026/06/cropped-Atlasofhomes-Logo-300×42.webp 300w, https://atlasofhomes.com/wp-content/uploads/2026/06/cropped-Atlasofhomes-Logo-1024×144.webp 1024w, https://atlasofhomes.com/wp-content/uploads/2026/06/cropped-Atlasofhomes-Logo-768×108.webp 768w” sizes=”(max-width: 1536px) 100vw, 1536px”></a> </div> hide above only
To hide only that footer logo block (without affecting anything else), target the exact wrapper
Add this in:
Appearance → Customize → Additional CSS
.site-footer .site-logo {
display: none;
}If you want it even safer (recommended)
This ensures only footer version is affected:
footer.site-footer .site-logo {
display: none;
}What this does
- Removes only the logo inside the footer
- Keeps header logo untouched
- Doesn’t affect site title or navigation
If later you also want to remove the site title + description
