How to Change the Site Title Color on Mobile View

Introduction

Changing the Site Title color on mobile view helps maintain brand consistency and ensures better visibility across devices. While the BuddyBoss Theme doesn’t offer a built-in setting for this, a simple CSS snippet allows you to customize the color—provided the Mobile Logo is disabled.

Custom Workaround

To change the Site Title color for mobile view:

1. In your WordPress Dashboard, go to BuddyBoss > Theme Options.
   
2. Scroll down to the Custom Codes section and toggle Enable CSS.
   

Append the following CSS code (replace #FF00FF with your preferred color):

.site-title a {

  color: #FF00FF;

}

3. Click Save Changes.

Note: This only works if the Mobile Logo is disabled. Any changes using custom code are considered “custom work.” For more details, see our Support Policy.

Troubleshooting and FAQs

Q: The Site Title color didn’t change—what should I do?
A: Ensure the Mobile Logo is disabled in Theme Options. Then, clear any site or browser cache and verify that your CSS was saved correctly.

Q: Will this affect the desktop view?
A: No, as long as you use the media query. The code targets only screens 768px wide or smaller.