Support » Plugin: Options for Twenty Seventeen » Feature Request – Hide Header on internal pages

  • Resolved IanErickson

    (@ianerickson)


    Hello Oliver, I am getting a lot of use from your plugin. I am not sure how many sites I have installed it on. This is the fastest way I know to make decent looking websites using the Twenty Seventeen theme.

    Here is another request. On this site the homepage looks good and I would like to keep it that way. However on the internal pages, you will notice that the logo, site title and tag line display on top of the half height header image.

    This is not an issue if there is enough contrast between the text color and the header image. If someone has chosen a dark colored header image, then it becomes challenging to make the text legible. In this case white text looks good on the internal pages, but blends in with the grey background or gradient on the homepage and cannot be seen clearly.

    One solution is to only choose light colored header images. But if someone wants to keep the dark colored header image, then hiding the logo, site title and site tagline on internal pages would be a benefit.

    Is there some css that I could use to hide only the logo, site title and site tagline on only the internal pages? Could this someday become a check box control on the plugin?

    The goal on this particular site is to keep the 1/2 height header image and top navigation on the internal pages like they are, but hide the logo, site title and site tagline.

    Did I explain that clearly?
    Thanks for this super useful plugin!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    OK, so this should be a pretty simple CSS thing.

    On the internal pages you need to hide the logo, site title and tagline but … if you do that then the header image disappears because it requires the content to create the height for the header image.

    The solution is to use …

    visibility: hidden

    … rather than …

    display: none

    BUT … you only want this to happen on internal pages. So … the answer is to hide the content and then to show it again for the home page. Something like this …

    .site-branding { visibility: hidden; }
    .home .site-branding { visibility: visible; }

    I’ve just tested this and it works. Please confirm.

    Kind regards,

    Oliver

    Thread Starter IanErickson

    (@ianerickson)

    Yes, confirmed. Works perfectly! Thanks Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    OK, I’m not sure if this should be an option in the plugin or not … it might be a bit specific. I’ll wait to see if anyone else mentions it.

    Marking this as resolved.

    Thanks,

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Feature Request – Hide Header on internal pages’ is closed to new replies.