Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 1, 2015 at 10:05 pm #496736
    Eleina_Shinn

    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…

    September 2, 2015 at 6:06 am #496848
    Dake

    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

    September 2, 2015 at 8:38 pm #497360
    Eleina_Shinn

    Thank you, Dake, here you go!

    September 3, 2015 at 6:15 pm #497877
    Eleina_Shinn

    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!

    September 4, 2015 at 10:14 pm #498623
    Eleina_Shinn

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

    September 7, 2015 at 4:17 pm #499335
    Andy

    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

    September 7, 2015 at 6:52 pm #499482
    Eleina_Shinn

    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!!!

    September 8, 2015 at 9:32 pm #500100
    Andy

    Hey!

    use this code:

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

    Best regards,
    Andy

    September 9, 2015 at 3:00 am #500171
    Eleina_Shinn

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

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

    September 9, 2015 at 9:20 am #500245
    Andy

    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

    September 10, 2015 at 12:59 am #500782
    Eleina_Shinn

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

    September 10, 2015 at 11:34 am #500916
    Andy

    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

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