Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 17, 2014 at 10:02 am #238578
    Cum_Vincere

    Hello,

    The typical Enfold header is transparent, and when you scroll down the page it reduces its height.

    Is there a possibility of blocking the height of the header, so that when you scroll down it remains unchanged, and also the logo remains in the same size?

    Thank you everybody.

    March 17, 2014 at 2:17 pm #238679
    Yigit

    Hey Cum_Vincere!

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

    #header_main .container, .main_menu ul:first-child > li > a {
height: 116px!important;
line-height: 116px!important;
}
.logo, .logo a, .logo img { max-height: 116px !important; }

    Regards,
    Yigit

    March 17, 2014 at 3:33 pm #238744
    Cum_Vincere

    Wonderful, works really fine.

    I believe this function might be part of your next release.
    Why? Because your customer might want to display his logo in full size (and not reduced) when the visitor is scrolling the page, without losing the nice touch of the transparent header.

    Thank you Yigit!

    March 17, 2014 at 3:37 pm #238749
    Yigit

    Hey!

    You are welcome, glad we could help :)
    Kriesi added a CSS snippet to FAQ section on Enfold’s page http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990/support
    Let us know if you have any other questions or issues

    Best regards,
    Yigit

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