the answer for all question about Oxygen Builder plugin and WordPress

OK, have given header builder a second chance. It is now in the bin and I am on

OK, have given header builder a second chance. It is now in the bin and I am on my 4th beer.

Easy enough to build a custom header, but what do you do about overlay/sticky? Marking a div tag as “header” doesn’t open up these options.

Cheers



Source

2 Comments
  1. Jamie Owens says

    Headroom JS is your answer https://youtu.be/2AcNZUYt6_8

  2. Niko Strobel says

    Overlay: just work with the positioning options.
    Sticky: here’s a script I have saved; haven’t had a chance to try it though but maybe this is what you are looking for. https://www.facebook.com/groups/1626639680763454/posts/3906143626146370/ (see answer by Dirk Beckers)

    // When the user scrolls the page, execute myFunction
    window.onscroll = function() {myFunction()};
    // Get the navbar
    var navbar = document.getElementById(“navbar”);
    // Get the offset position of the navbar
    var sticky = navbar.offsetTop;
    // Add the sticky class to the navbar when you reach its scroll position. Remove “sticky” when you leave the scroll position
    function myFunction() {
    if (window.pageYOffset >= sticky) {
    navbar.classList.add(“sticky”)
    } else {
    navbar.classList.remove(“sticky”);
    }
    }

Leave A Reply

Your email address will not be published.

Oxyrealm Docs