Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 6, 2014 at 8:50 am #300543
    IndikatorDesign

    Hey there!

    Need a solution for two new client projects. I´ve made them a Mockup with enfold and they like it, but we need a modification for the header-menu-items in a shrinkable sticky header. Hope there is a solution

    I´ve made some changes in avia.js, so that I can use a bigger logo that shrinked to 40px at the end. That works fine.

    function avia_header_size -> if(st < el_height - 40) -> newH = 40;

    They wanna use the default layout, without a extra div for menu-items below the logo-section. How can I fix the menu-items 10px above the bottom-line? Default value is middle..

    Here you can see what I mean..

    Cheers

    August 7, 2014 at 2:35 pm #301126
    Ismael

    Hi Bruno!

    Thank you for using the theme.

    You can adjust the main menu using this on Quick CSS or custom.css:

    nav.main_menu {
top: 20px;
}

.av-main-nav ul {
top: 50px;
}

.avia-menu-fx {
position: absolute;
bottom: 19px;
}

    The code above is for the main menu, sub menu and menu active/hover state line respectively. Adjust the values if necessary. For the shrink header, add this:

    .header-scrolled nav.main_menu {
top: 0;
}

.header-scrolled .av-main-nav ul {
top: 100%;
}

.header-scrolled .avia-menu-fx {
position: absolute;
bottom: -1px;
}

    Cheers!
    Ismael

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