Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article.
Is it possible to make an shrink animation on the sticky main-navigation? So the logo should be bigger on the beginning and when scrolling down it should become smaller. Just like here: https://kriesi.at/themes/enfold/
If found this solution in JS but don't know how to include this: http://jsfiddle.net/jezzipin/JJ8Jc/ in the Child theme. Or is there already a solution in engage? For information: I'm also using the topbar. Don't know if this will make any problems.
I really hope you can help me. Thx in advance. Many greetings,
Thx for your reply. I've found that and it's really shrinking the header. But the logo always stays the same size. I want this at the beginning in a height of 60px and after shrinking the header the logo should only be 40px. Under Logo > Logo Height I've adjusted to 60px. But where can I define the shrinked version? Thx in advance for your help.
Coming Soon is fixed. There is an error in the plugin when the countdown is on 0. Thx for the hint. I'll send you the Login in a private msg now. Thx in Advance.
Thx for your nice help. It's doing the job but it's still just a little problem. In the shrinked version of the header the logo is aligned on the top of the header. Is it possible that the logo is vertical aligned like the navigation menu? Thx in advance for your reply.
Is it possible to make an shrink animation on the sticky main-navigation? So the logo should be bigger on the beginning and when scrolling down it should become smaller. Just like here: https://kriesi.at/themes/enfold/
If found this solution in JS but don't know how to include this: http://jsfiddle.net/jezzipin/JJ8Jc/ in the Child theme. Or is there already a solution in engage? For information: I'm also using the topbar. Don't know if this will make any problems.
I really hope you can help me. Thx in advance. Many greetings,
Fabio
Hi Fabio,
You can already do this via the Theme Options:
Theme Options > Header > Header General: Scroll down to 'Advanced Header Styling'.
Then change the value in the box for: 'Header Scroll Height'.
Engage has loads of different customisation options, don't be afraid to have a play around with them
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Hi Joanna
Thx for your reply. I've found that and it's really shrinking the header. But the logo always stays the same size. I want this at the beginning in a height of 60px and after shrinking the header the logo should only be 40px. Under Logo > Logo Height I've adjusted to 60px. But where can I define the shrinked version? Thx in advance for your help.
Hi Fabio,
Add your wp login info here so I can get past your coming soon page and see what's going on the menu.
(also your coming soon set up is constantly refreshing the page, almost by every second).
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Hi Joanna
Coming Soon is fixed. There is an error in the plugin when the countdown is on 0. Thx for the hint. I'll send you the Login in a private msg now. Thx in Advance.
Hi Fabio,
Try this CSS I've just made:
.header-scroll-full #logo a img { height:40px!important }That will make the logo shrink upon page scroll with the menu.
(you can change the 40px value to a height that you think is best for your design).
Add it to the Theme Options > Advanced > Custom CSS Code box.
Let me know how you get on
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Hi Joanna
Thx for your nice help. It's doing the job but it's still just a little problem. In the shrinked version of the header the logo is aligned on the top of the header. Is it possible that the logo is vertical aligned like the navigation menu? Thx in advance for your reply.
Ok, I've found a solution. I can work also with a padding.
.header-scroll-full #logo a img {
height: 48px!important;
padding-top: 12px !important;
}
This is working, but I don't know if its recommendable. What do you think, can I leave it like that or do you have a better solution? Thx in advance.
Hi Fabio,
Yep! I would have sent over the padding-top code as that works just fine
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)