"Unfix" (Scroll) Header Image

  • Resolved Renodor

    (@renodor)


    11 years, 4 months ago

    Hello,

    first of all thank you for this awsome theme!

    I juste would like to know if there is an easy way to unfix the header image. I mean that it would scroll down with the rest of the website and not “disapear” behind the menu when you scroll.

    After that, how can we reduce the size of this same header image in order to see the menu right on the first page without scrolling? (cause for now, anysize you chose your header image, it will always take 100% of the screen before scrolling)

    Thank you again!

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

    (@vladff)

    11 years, 4 months ago

    Hello,

    Yeap, it always goes full screen. Use this in a custom CSS plugin or child theme:

    .has-banner:after {
   background-attachment: scroll !important;
}
.site-header {
   max-height: 500px;
}

    Thread Starter Renodor

    (@renodor)

    11 years, 4 months ago

    Thank you very much!

    It works perfectely!

    (actually I just had forgotten the !important, that’s why I did not manage to do it before)

    Thak you again for this great work.

    Thread Starter Renodor

    (@renodor)

    10 years, 8 months ago

    Hello, after the next update I have the same probleme again. It seems that this code :

    .has-banner:after {
   background-attachment: scroll !important;
}
.site-header {
   max-height: 500px;
}

    Does not work anymore.
    Did you change something in the CSS Theme that could affect it?

    Thank you

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

The topic ‘"Unfix" (Scroll) Header Image’ is closed to new replies.