I followed the thread called Swapping out logos when scrolling (https://kriesi.at/support/topic/swapping-out-logos-when-scrolling/) and it worked well. However I had already added a Quick CSS like this: .logo {padding-top: 20px; } so that the logo
appeared in the middle of the header (link 1).
When it scrolls, it appears like that (link 2).
What I want to achieve is this (link 3).
Can you advice please?
Hey esemisanx,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.header-scrolled .logo { padding-top: 0; }
Best regards,
Yigit
It worked. Thank you very much.
Hi!
Happy you could solve it.
Please remember to rate our theme at themeforest, we would really appreciate it.
Let us know if we can do anything else for you.
Cheers!
Basilis