Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 21, 2014 at 4:40 pm #268092
    hobart

    Is here is easy CSS tweak where I can have the height of the logo fall out the bottom of the header wrapper? It is a tall logo and the size I want makes the header too tall so I would like the bottom part of the logo to sit 80 pixels or so below the fotter bottom…it would overlay on top of the image slider a bit as well.

    May 21, 2014 at 5:20 pm #268103
    Flikk
    .logo, .logo a {
    overflow: visible;
}
.logo.bg-logo img {
    max-height: none !important;
    height: 200px;
}
    May 21, 2014 at 11:59 pm #268351
    Josue

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    May 23, 2014 at 10:03 pm #269284
    hobart

    http://hobart-design.com/carportsrus/

    This is the start of it. I tried using the code provided by Flikk but didn’t seem to change anything. Thanks for your help.

    May 23, 2014 at 11:47 pm #269337
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    strong.logo {
    position: relative;
    top: 40px;
}

    Cheers! 
    Josue

    May 24, 2014 at 1:00 am #269366
    Flikk

    you can also add in addition:

    .header-scrolled strong.logo {
    position: relative;
    top: 20px !important;
}

    so it does not get messed up as much when scrolling down.

    • This reply was modified 10 years, 6 months ago by Flikk.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Having logo fall out of header’ is closed to new replies.