Fixed header

  • blablacat

    (@blablacat)


    8 years ago

    (two questions, but I’ll open different topics for easier research)

    I’d love a fixed header (title + navigation) but when I change just the “position” value, the content of the page slides under the header, so I have to move down the content. How can I obtain it?

    I have in mind an effect like this one: https://www.belliniphotoart.it/
    with a white background for the fixed header (maybe with lower opacity).

    my website (veeery wip) is https://impressum.photography

    Thanks!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter blablacat

    (@blablacat)

    edit: I’ve tried with

    header#masthead {
    position: fixed;
    width: 100%;
    top: 0;
    background:rgba(255,255,255,0.75);
    padding: 14px 60px;
    }

    but I’ve some issues about positon ??

    Moderator Kathryn Presner

    (@zoonini)

    Try max-width: 100%; instead of width.

    If you need further help, adding some more content to your page will also make the effect easier to test.

    As a side note, I noticed you have a child theme set up. I’d suggest you move your custom CSS into the child theme’s style.css so all your theme changes are in one place.

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