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
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
Thank you, Yigit! You fixed it perfectly in one shot!
All the best!
Ali