Support » Theme: Libre » Tweaking header

  • Resolved Pedalkraft

    (@pedalkraft)



    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

    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
    }
    }

    Thank you!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tweaking header’ is closed to new replies.