Tweaking header

  • Resolved Beth

    (@pedalkraft)


    8 years, 8 months ago

    Hi!
    Thanks for this lovely simple theme 🙂
    I’d like to make it even simpler, and remove the responsive header – I’d like to stop it from being ‘sticky’ and also stop it from ‘shrinking’ when the reader scrolls down the page.
    I’ve searched through the php files but can’t see anything I would be confident to change. Can you point me in the right direction?
    Thanks!
    Beth

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    8 years, 8 months ago

    Hi, you can give this a try. To completely remove this affect would require a journey into Javascript land. The following isn’t perfect as there is still a bit of a jump to the content when you scroll down, but see what you think.

    .site {
    margin-top: 0;
}
.sticking .site-title {
    font-size: 47px !important;
}
@media screen and (min-width: 70em) {
.site-header {
    width: 68em;
    margin: 0 auto;
    padding-top: 0.4375em;
    padding-bottom: 0.4375em;
    background: white;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}
.site-content {
    margin-top: 100px
}
}
    Thread Starter Beth

    (@pedalkraft)

    8 years, 8 months ago

    Thank you!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    8 years, 8 months ago

    You are welcome.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Tweaking header’ is closed to new replies.

Tags