Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #496736

    Hi:

    I am re-visiting this; when I have a round logo vs. horizontal, would like to be able to have it align at top, but overlap what’s under it. So want to leave Header Area size that I’ve set (100px) – and also leave logo as large as it is (height: 282px), and have logo overlap whatever is underneath it.

    You gave this code to another forum participant:
    .logo { top: 50px !important; } (which I don’t want)
    .logo, .logo * { max-height: auto !important; height: auto !important; }

    Oddly enough, I used the 2nd line of this code on another site and it worked; on this site, won’t work, starts out big when you load the site, then goes back small again…

    #496848

    Hey Eleina_Shinn!

    It would help if we had access to your website for reference.

    Once we have access, we can provide you with specific css for your website.

    Regards,
    Dake

    #497360

    Thank you, Dake, here you go!

    #497877

    Any time to look at this today and see if I can get the logo to overlap the slider? Show up in it’s full size? Thank you!

    #498623

    Haven’t heard back from anyone… not like you.. Help?

    #499335

    Hi!

    refuse from bumping into your own thread, as it pushes your thread behind in our queue and marks it as “answered”. Not sure what you are trying to achieve, a screenshot showing what you want to do would help a lot. However, I think basically you just want to move your logo down a bit so it overlaps with main content, right? if yes use this code in Quick CSS field:

    strong.logo {
    top: 33px;
    }
    

    and adjust as needed.

    Regards,
    Andy

    #499482

    Hi Andy,

    thanks for trying – this isn’t quite what I need though – I want the logo to remain in it’s original size – to be Large – it’s 500 x 472 px. But I want the header to stay small (100 px height) – so the logo should have no top margin, no space above it, should hit right at top of header and then remaining 372 px in height overlaps whatever is below it.

    Like this onet: http://kidscount.co/ — I did this using Enfold and the following code, but it’s not working on the new site:

    .logo, .logo * { max-height: auto !important; height: auto !important; }

    On the new site, it tries to work — the logo flashes large when you open the site, then goes back to squeezing into the 100px header – it’s fast but you’ll see it

    Let me know what you think… thank you!!!

    #500100

    Hey!

    use this code:

    .logo, .logo * {
    max-height: 282px !important;
    height: 282px !important;
    width: 320px !important;
    }
    

    Best regards,
    Andy

    #500171

    Okay Andy, first of all, you rock… thank you!!

    One more thing, can we make it so the logo shrinks with a sticky header?

    #500245

    Hi!

    try something like this:

    .header-scrolled .logo a {
    max-height: 50px !important;
    max-width: 80px !important;
    }
    .header-scrolled .logo img {
    max-height: 50px !important;
    max-width: 80px !important;
    }
    

    Cheers!
    Andy

    #500782

    Thank you so much, the site is looking great… it worked!

    #500916

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Logo Overlap Slider’ is closed to new replies.