Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 25, 2014 at 12:58 am #308512
    aribann

    What is the correct code for doing this so that as the page is scrolled, the page content does not appear in that area? (see link)

    #wrap_all {
    margin-top: 6px;
    }

    August 25, 2014 at 2:26 am #308520
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .html_header_top.html_header_sticky #header {
    top: 0;
}

    Cheers! 
    Josue

    August 25, 2014 at 6:42 am #308631
    aribann

    that did not change anything …that i could notice

    August 25, 2014 at 7:37 am #308653
    Josue

    Hi!

    Are you referring to this? if so, the code i provided should work, try purging your caching/minification plugin.

    Best regards,
    Josue

    August 25, 2014 at 10:24 pm #308995
    aribann

    yes exactly what i was referring to!

    i:
    added your code
    turned off plugin

    your code simply eliminates the 6px box border at the top

    is there a way to have that border and eliminate what you reference in your screen grab?

    August 25, 2014 at 11:08 pm #309000
    Josue

    Hi!

    That’s not possible, one thing you can do however is remove that space only when the page is being scrolled, use this code instead:

    .html_header_top.html_header_sticky #header.header-scrolled {
    top: 0 !important;
}

    Regards,
    Josue

    August 26, 2014 at 12:34 am #309019
    aribann

    Thats beautiful thanks for thinking of that!

    August 26, 2014 at 1:39 am #309033
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Boxed Layout: Add space above header’ is closed to new replies.