Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #454812

    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?

    http://wjademo.com/

    As you can see, its stuck at the top.

    #455155

    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

    #455167

    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

    #455183

    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.

    #455186

    Hey!


    @przytula
    Can you please post the link to your website?

    Best regards,
    Yigit

    #455195
    This reply has been marked as private.
    #455197

    Hi!

    Can you please try using following code instead

    .logo img {
    top: 20px; 
    }
    .header-scrolled .logo img {
    top: 0;
    }

    Best regards,
    Yigit

    #455212

    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.

    #455581

    Hi!

    That is the top position of the logo image, not padding. Yes, a transparent space on the actual image could work. Let us know if you figure it out.

    Regards,
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.