Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 5, 2013 at 6:06 pm #184868
    0rca

    Hey guys,

    I’d like to reduce the header height by 20px (below the logo/menu). We are using the Fixed Header with Social Icons and additional navigation. I tried following a few suggestions here in the forum, but couldn’t get any satisfying results, especially not without breaking the resizing effect, which we like.
    All I would like to do is to move up #main and avia-menu-fx by 20 px (I know I have to reduce heights to do that, it’s just easier to explain what I want to accomplish this way)

    November 5, 2013 at 6:30 pm #184872
    0rca

    To specify: I am talking about reducing the expanded height, not the smaller height when the page is srolled down. A link might help ;-)
    http://witteconsult.de/

    November 7, 2013 at 9:24 pm #185821
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .social_header .main_menu ul:first-child > li a { height: 100px!important; line-height: 100px!important; }
.header-scrolled .social_header .main_menu ul:first-child > li a { height: 58px!important; line-height: 58px!important; }
.fixed_header.social_header #main { padding-top: 131px; }

    Regards,
    Yigit

    November 7, 2013 at 9:49 pm #185828
    0rca

    Hi Ygit,

    thanks, but not quite…. I’ve been trying and trying and always had effects similar like that one now (have a look).

    That header is a tricky one ;-)

    Cheers,

    Michael

    November 7, 2013 at 9:59 pm #185830
    Yigit

    Hey!

    Yes, it certainly is :) Can you please try removing second line of code i posted about and add following one instead

    .header-scrolled .main_menu ul:first-child > li a { height: 58px!important; line-height: 58px!important; }

    Regards,
    Yigit

    November 7, 2013 at 10:47 pm #185846
    0rca

    Almost, we’re getting there. Yeah… ;-)

    November 11, 2013 at 2:47 pm #186846
    Yigit

    Hi!

    Please undo all changes i have provided earlier about header size. And go to wp-content\themes\enfold\js folder and open avia.js file and search

    newH = el_height - st;

    and change it to

    newH = 100;

    That should do it.

    Best regards,
    Yigit

    November 11, 2013 at 3:06 pm #186854
    0rca

    Hi Yigit,

    thanks for your help and all your efforts. That didn’t work out as intended. Apart from the little gap (have a look) the logo is now “jumping”, i.e the resizing is not smoothly animated anymore, like it was before.

    Cheers,

    Michael

    November 11, 2013 at 3:12 pm #186856
    Yigit

    Hey!

    I’m so sorry. Please undo previous change as well. In avia.js file find

     el_height       = $(elements).filter(':first').height(),

    and change it to

     el_height       = 100,

    this does it on my end. In previous one i focused on the height that is why it happened :)

    Cheers!
    Yigit

    November 11, 2013 at 3:38 pm #186871
    0rca

    tbh, I see no difference to before :-(

    November 11, 2013 at 3:45 pm #186875
    Yigit

    Hi!

    Please flush browser cache and refresh your page a few times. It does work on my end http://www.screenr.com/fNJH :)

    Best regards,
    Yigit

    EDIT: I just checked your website and it does work there as well. Please add following code to Quick CSS to remove the white space below header

    .fixed_header.social_header #main {
padding-top: 131px;
}
    • This reply was modified 11 years, 1 month ago by Yigit.
    November 11, 2013 at 3:52 pm #186882
    0rca

    The animation is gone, when srolling down, the logo resizes abruptly. Scrolling back up the logo resizes smoothly though…

    November 11, 2013 at 5:06 pm #186918
    Yigit

    Hey!

    Please see this screencast http://www.screenr.com/wBJH
    It work as it supposed to work on my end :/

    Best regards,
    Yigit

    November 12, 2013 at 10:52 am #187168
    0rca

    Found the problem, it was my Firefox. Tested in a VM and it works just fine. Thanks Yigit for your excellent help and your patience.

    November 12, 2013 at 1:53 pm #187214
    Yigit

    Hey!

    You are welcome! Glad it is working fine for you too :) Let us know if you have any other questions

    Cheers!
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Reduce fixed header height’ is closed to new replies.