change fixed header position

  • Resolved Wesleeeyyy

    (@wesleeeyyy)


    9 years, 9 months ago

    Hi support,

    I think this is not a real problem for you guys but for me its irritating me!

    If you look on my page(fittestbody.nl), you can see that i have allowed the sticky header. I also installed i plugin that displays a sticky contact bar on the top of the site. I just want my sticky header(the one with my logo and menu in it(white) just 35px or something sticky below the top.

    I figured out that i have to change something in the function:

    function thinkup_input_headersticky($classes) {
    global $thinkup_header_stickyswitch;

    if ( $thinkup_header_stickyswitch == ‘1’ ) {
    $classes[] = ‘header-sticky’;
    }
    return $classes;
    }
    add_action( ‘body_class’, ‘thinkup_input_headersticky’ );

    If I inspect the sticky header with firefox firebug; i can see that

    element.style {
    top: 0;
    }

    is the problem. But i dont know where i can change that. Has that something to do with the function above?

    If I change the top:0; in element.style in firefox firebug, the problem is gone. But i really dont know where i cant find this in my theme files(css? header? functions??)

    I really hope you guys can help me, because i hate that i dont know how to fix it!

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

  • If i understand you problem correctly you want your header to appear 35px below from the top to do that just make changes in setting of sticky header plugin there is an option space between top and sticky element.

    If you want just a sticky header and you are facing the overlap problem:-
    Set z-index in plugin as 99999 and then in style.css find
    /*Header*/
    header{padding:0;}
    add one more line and your code will look like this :
    header{background:white;padding:0;}

    Actually the problem is header is transparent type but when you set background color no need for any other padding.

    Thread Starter Wesleeeyyy

    (@wesleeeyyy)

    I already fixed it, but nevertheless THANK YOUU!!!!

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