Page scrolls through the fixed (sticky) header

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

  • I’m not really sure what the issue is, without seeing it.

    Which element did you select to be sticky? Did you try entering a value for the Z-index?

    Thread Starter merijn

    (@merijn)

    Thanks for the reply,
    I used .art-header as sticky element from the stylesheet and i used the Z-index without success.
    I activated the Sticky Menu so you can see what i mean.

    If you set the Z-index to 2 or higher, the content should scroll behind the sticky header, instead of over it.

    You will still see the content scroll behind/through the sticky header, but this is more of a design issue since the header has a transparent background image. You could solve that by changing the background for .custom-responsive .art-header from this:

    background-image: url('images/header.png');

    to:

    background-image: url('images/header.png'), url('images/page.jpeg');
    Thread Starter merijn

    (@merijn)

    Great, Just what i was looking for, Thanks very much.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Page scrolls through the fixed (sticky) header’ is closed to new replies.