Hi – I am curious if it is possible to maintain the fixed header as you scroll down the page, but not resize the header bar or logo at all, in essence keeping it the same as it was upon page load. Any advice would be appreciated. I already put this in my quick CSS and that did not work:
.fixed_header #header {
position: relative;
}
Hi wss310!
It is possible. What type of header are you using?
You can try following code to Quick CSS
#header_main .container, .main_menu ul:first-child > li > a {
height: 88px !important; line-height: 88px !important; }
Regards,
Yigit
Hi, I am using the fixed header with social media icons.
I tried using the code you provided and that didn’t work…you can view my site at noblewhy.com. Thanks!
Hey!
Please add following code instead
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 116px!important;
line-height: 116px!important; }
.logo img, .logo a { max-height: 116px!important; }
Cheers!
Yigit
Thanks Yigit – tried adding that to my quick CSS and its not working either. Any other suggestions? My site again is noblewhy.com. Thanks!
Hey!
Code is not being applied for some reason. Please try to add the code in my previous post to custom.css file inside Enfold/css folder.
Best regards,
Yigit
Thanks Yigit – I did add it to the custom CSS file and still it does not work. I’ve cleared my browser’s cache as well. Any thoughts?
Hi,
Can you post the link to your website please?
Regards,
Josue
noblewhy.com. Thanks!
Open this file: js/avia.js:
Look for this line (18):
avia_header_size();
Replace it by this:
//avia_header_size();
Cheers!
Josue