Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 12, 2016 at 4:41 pm #582324
    Guenni007

    i want a boxed layout with a background image and a shrinking header (see private content) but on top there is a margin.
    When scrolling down i want that the page (content etc.) is not visible in that little gap. Is that possible?

    Or if not is it possible that header scrolls to the top and is on reaching the top fixed and starts than to shrink?
    Like a fixed sub menu ( it scrolls to the header and when reaching the header it is fixed)

    February 12, 2016 at 6:59 pm #582429
    Yigit

    Hey Guenter!

    Please add following code to Quick CSS

    #header.header-scrolled {
    top: 0;
}

    Best regards,
    Yigit

    February 12, 2016 at 7:07 pm #582434
    Guenni007

    yes i thought of that too – but i want a margin (or padding – concerning to what the rule goes (html, body or wrap_all) on top.
    if this marging could not be seen all the time it would be ok for me if the header scrolls to top and begins then to shrink and is fixed on top.
    But to look nice it has to scroll first than on top it starts to shrink and gets the fixed positioning.

    now the header and main and all the rest is seen when it passes the header which is sticky with that distance above.

    February 13, 2016 at 12:46 am #582571
    Guenni007

    ok i got it (with some cheating)

    i insertet a div via child-theme functions.php:

    function custom_func() {
?>
<div class="spezial"><span>Content</span></div>
<?php
}
add_action('ava_main_header' , 'custom_func');

    set the span to visibility hidden.

    this special container gets now a background with the graphic of background body image. etc pp.

    looks nice

    February 15, 2016 at 6:25 am #583111
    Rikard

    Hi,

    Great, glad you found a fix and thanks for sharing :-)

    Regards,
    Rikard

    February 15, 2016 at 7:40 am #583146
    Guenni007

    yes can be closed – customer decided to have a stretched layout now. But definitly i will use it in future projects

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘boxed layout and margin on top’ is closed to new replies.