[Support request] Single post logo

[Jason Westbrook]

Hey guys I am having some trouble figuring out how to have a dark logo on single post pages like the main blog page. I have a white logo site-wide when its overlayed on a transparent header but I don’t want that for the blog or single posts. What am I doing wrong?

https://builtonmission.com/welcome-to-mission

[Tom]

You could use this filter: https://docs.generatepress.com/article/generate_logo/

If you want it for all single posts, your conditional would be is_single()

[Jason Westbrook]

Thanks brother. It seems I am running in circles.

Trying to:

Have a dark logo and dark text on blog page and single post pages without a colored header background. The problem is the colored background needs to exist for the mobile side. Is there some sort of specific code to show no header background color on blog page and single blog posts while haveing dark text and dark logo?

Thanks for the help. I am so close… 🙂

[Tom]

Why not set the logo/text dark by default with a white/transparent background.

Then on pages where you’ll be using the blue background, adjust the logo/navigation text using the Page Header meta box.

[Jason Westbrook]

haha….I don’t know why I didn’t think that way. Last question. How do I keep those current settings but have the background menu for the mobile side (only) a background color so the rest of the settings are the same as you suggested which is working?

[Leo]

Try this:

@media (max-width: 768px) {
    .main-navigation {
        background-color: #000000;
    }
}

[Jason Westbrook]

hmm…still coming up transparent on mobile.

https://builtonmission.com

[Leo]

There is a syntax error in: background-color: ##0072ff; (the extra #)

[Author]

Posts