BugWP logo BugWP
Back to Community
Home / Community / Theme → Storefront

Why Your Storefront Site Title and Tagline Disappear (And How to Fix It)

15 threads Sep 10, 2025 Theme → Storefront

Content

A common point of confusion for users of the Storefront theme is the behavior of the Site Title and Tagline. Many users report that after they upload a custom logo, their title and tagline vanish from the header. This isn't a bug, but a deliberate design choice in the theme's logic. This guide explains why it happens and provides the most effective solutions.

Why This Happens

The Storefront theme is designed to display either a logo or the text-based Site Title and Tagline in the header, but not both simultaneously by default. This is a common design pattern to maintain a clean, uncluttered header. When the Customizer detects that a logo has been uploaded, it automatically hides the title and tagline elements.

Common Solutions

Solution 1: Use Custom CSS to Hide Elements (If You Don't Want Them)

If your goal is simply to ensure the title and tagline are hidden, you can use this CSS snippet in the Appearance > Customize > Additional CSS panel.

.site-title,
.site-description {
    display: none !important;
}

Solution 2: Use Custom CSS to Display Both Logo and Text

To display your logo and tagline side-by-side, you will need to override the default theme styles with more specific CSS. The following code is a common approach that uses a pseudo-element to add the tagline next to the logo. Note: This method may require adjustments for mobile responsiveness.

.site-header .custom-logo-link {
    display: flex;
    align-items: center;
}
.site-header .custom-logo-link::after {
    content: "Your Tagline Text Here"; /* Replace with your tagline */
    color: #333; /* Adjust color to match your design */
    padding-left: 20px;
}

/* Important: You must also ensure the title and description are hidden */
.site-title,
.site-description {
    display: none;
}

Note: Manually adding the tagline text in CSS means it won't update automatically if changed in the Customizer.

Solution 3: Modify Theme Files via a Child Theme (Advanced)

For a more robust and dynamic solution that displays both the logo and the actual Site Title/Tagline from your WordPress settings, you will need to modify the theme's PHP template files. This should only be done using a child theme to prevent your changes from being overwritten by theme updates.

The core function controlling this output is typically storefront_site_title_or_logo(). You would need to create a copy of this function in your child theme's functions.php file and modify its logic to output both the logo and the text elements instead of choosing one over the other. This requires a good understanding of PHP and WordPress theme development.

Conclusion

The disappearance of the Site Title and Tagline after adding a logo is standard Storefront behavior. For most users, a CSS-based solution will be the quickest and safest way to achieve their desired header layout. For those needing a more advanced, dynamic solution, creating a child theme and modifying the template function is the recommended path.

Related Support Threads Support