Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 7, 2015 at 6:58 am #514935
    mcraig77

    Hi

    I have a few issues with my header.

    1. How do I change the bottom padding of the header? I need it a tad smaller.
    2. How do I make the logo not shrink so much with the Shrinking Header check box?
    3. How do I make the text lower when the header is shrunk?

    October 7, 2015 at 10:57 pm #515489
    Josue

    Hey!

    1-2. Try adding this code to the Quick CSS:

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 200px;
}

#header_main_alternate .container {
    height: 0 !important;
}

.header-scrolled ul#avia-menu {
    top: -55px;
}

    3. This will require you to edit js/avia.js, look the iterances (2) of:

    el_height/2

    Change 2 for 1.8 or lower.

    Cheers! 
    Josue

    October 8, 2015 at 1:34 am #515522
    mcraig77

    Great!

    I changed the Jave script and notice that now the logo jumps a tad? Is there any way to fix this? The logo will strill shrik all the way and jump to the newly assigned height… not so cleanly I might add

    October 8, 2015 at 4:00 am #515539
    Josue

    Ok i’ve adjusted it a little bit, check it now.

    Cheers!
    Josue

    October 8, 2015 at 7:04 am #515584
    mcraig77

    Looks great! Thanks!

    October 8, 2015 at 7:07 am #515587
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.