Site logo

Archived topic

Single post logo

7 replies · Started by Jason Westbrook on June 20, 2017

Viewing posts 1–8 of 8

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

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... :)

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.

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?

Try this:

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

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

This archived topic is closed to new replies.