I am trying to change the CSS in the quick CSS and also tried changing it in the custom.CSS file as well and am unable to get it to work.. basically the shrinking header transition is a little rough in my opinion so im trying to soften it using the CSS below but the changes arent happening.. any ideas?
.header-scrolled {
-webkit-transition: all 2s ease-in-out !important;
-moz-transition: all 2s ease-in-out !important;
-o-transition: all 2s ease-in-out !important;
-ms-transition: all 2s ease-in-out !important;
transition: all 2s ease-in-out !important;
}
Hey shwahl!
Can we please check your live web site, so we can find the issue?
Thanks a lot
Cheers!
Basilis
Hello! of course! the header is visible at https://thegokoolteam.com
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.container.av-logo-container, .container.av-logo-container * {
-webkit-transition: all 2s ease-in-out !important;
-moz-transition: all 2s ease-in-out !important;
-o-transition: all 2s ease-in-out !important;
-ms-transition: all 2s ease-in-out !important;
transition: all 2s ease-in-out !important;
}
Best regards,
Yigit