I couldn’t find any posts related to background color not showing up in deployed website that had some type of solution to them.
I’m using the tranquilpeak theme and deployed my website using Netlify.
My issue is the sidebar menu background color doesn’t show up when viewing a post on the Netlify production website. Instead, it is a white background and you can’t really see the text. It shows up just fine on the homepage.
Taking advantage of Netlify’s features, I tried both deploy preview and branch preview to test different configurations. On both sites it worked as expected - all pages show the correct background. As an example, here is a current branch preview site.
Things I tried:
- Different web browsers (Chrome, Firefox, Safari) on different devices (Computer, Google Pixel, iPad)
- Clear browser cache
- Turn off clearReading - a theme feature which hides the sidebar menu. For now, I will turn it on so it hides the sidebar menu when viewing posts.
- Reduced the sidebar size via the sidebarBehavior option
For more details, I have a post where I document how I build this site and mention the bug there. Note: As I’m a new user, I am restricted to 2 links so I can’t link to these directly.
I am not sure if this is Netlify issue or an issue on my side. Your help is greatly appreciated! Many thanks in advance!