• Resolved Alison

    (@anonymical7)


    Hello, our header is partially hidden on our site. It was fine up until we uploaded a new one? It was the same size… Any ideas what happened?
    Heres the link:

Viewing 7 replies - 16 through 22 (of 22 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your style is coming through to the page, but it can’t seem to apply because of the spacing here:

    <div id=" site-header ">

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you copy all of the code from your theme’s header.php file and put it into Pastebin. Then link us to that file?

    Thread Starter Alison

    (@anonymical7)

    Okay, heres the header https://pastebin.com/88Zm4nma

    and I see theres a custom header here:

    https://pastebin.com/ebmw9wmA

    Hope I am using pastebin correctly! Thanks again!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t see where the spacing is being added, can you do a search on your files for “site-header” and see if you can remove that spacing.
    E.g. from this:

    <div id=" site-header ">

    To this:

    <div id="site-header">

    Thread Starter Alison

    (@anonymical7)

    Thanks Andrew, no dice… I did not find any header code that had spacing like that. Hmmm

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Okay, try adding this code instead:

    .site > div:first-child {
        position: relative;
        z-index: 3;
    }

    Thread Starter Alison

    (@anonymical7)

    Andrew!!! It worked! Thank you!!!

    :-)))))))

    I also deleted the same code from the Jetpack CSS, I am not sure if that impacted the result, but I figured if the custom css is one place it was good enough.

    In anycase, We are good to go! Thank you!

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Twenty Fourteen header partially hidden?’ is closed to new replies.