Hello! We were wondering if the small logo that appears on scroll could be made just a touch bigger bigger and centered within that small white container? We tried to manipulate the .container with css but it seems to effect the container when it’s large as well… we only need it to be wider to accommodate a larger logo on scroll..
Thanks,
Gear Out Here
Hey gearouthere!
Please go to Enfold theme options > Header > Transparency Options and upload your transparent logo there and upload your original logo in Enfold theme options. You do not need to use custom CSS code to display your logo
Cheers!
Yigit
Hi!
1.) Adjust the shrinked logo with this:
.home .header-scrolled .logo {
background-size: 40px 40px;
}
2.) You can try this:
.header-scrolled #header_main .container, .header-scrolled .main_menu ul:first-child > li a, .logo a, .logo a img {
height: 70px !important;
line-height: 70px !important;
max-height: 70px !important;
}
Cheers!
Ismael
Hello,
I hope you don’t mind participating in this thread.
I tried both and the result is:
In code1: nothing changed
In code2 : it works but diminish the size of logo both before and after scrolling.
Any more ideas please?
Best Regards