Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #207351

    Hi guys,

    I wanted to reduce the fixed header height and I followed Yigit’s instructions on the following thread: https://kriesi.at/support/topic/reduce-fixed-header-height/

    I wanted even a shorter header so on avia.js I went for “el_height = 60,”, and on css file I went for
    .fixed_header.social_header #main {
    padding-top: 91px;
    }

    And I finally reached the exact height I wanted for my fixed header.

    Now all I need to do 2 things:
    1 –> is to remove the logo/header resize animation when user scrolls down. Please see my website http://goo.gl/P4wrKa (just to hide it from search engines). I just want to keep the header as it is now even with the bottom shadow when user scrolls down.
    2 –> There is a black arrow line under “HOME” in the right top navigation that shows on which menu item you currently are. I want to replace that with a straight horizontal line (the same length it has but just to remove the arrow shape and make it straight horizontal line).

    Could you tell me how I can do these?

    Thank you so much in advance!
    Ali

    #207368

    Hey Ali!

    Please add following code to Quick CSS in Enfold theme options under Styling tab as well
    1-

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

    2-

    .avia-arrow { display: none; }

    Regards,
    Yigit

    #207377

    Thank you, Yigit! You fixed it perfectly in one shot!

    All the best!
    Ali

    #207379

    Hey!

    You are welcome Ali, glad we could help :) Let us know if you have any other questions or issues

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Fixed Header Remove Logo Animation’ is closed to new replies.