I’ve tried quite a few things to get my logo to be center, but it seems stuck at the top of the header section. How do I fix this?
As you can see, its stuck at the top.
Thanks for asking, Matt. I’m having the same issue. And I’m curious why his logo doesn’t really shrink much like in the demo. Mine doesn’t shrink at all.
thanks
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.logo img {
padding: 20px 0;
}
.header-scrolled .logo img {
padding: 0;
}
Best regards,
Yigit
I can’t speak for Matt, but when I use that code, my logo literally scales down to about 15px wide as I scroll. It then pops back to full size once the header is done shrinking.
Hi!
Can you please try using following code instead
.logo img {
top: 20px;
}
.header-scrolled .logo img {
top: 0;
}
Best regards,
Yigit
Did you mean to use padding-top?
It’s still acting a bit funky. I noticed that for your demo, you simply add some transparent space around your logo. That would seem like an easy enough fix.