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

    Hi support people

    on this site:
    http://www.copenhagenfilmcompany.dk/2014/

    I need to reduce the padding under the logo (whole header needs to be a little shorter with the logo centered.
    Also, the logo doesn’t shrink correctly on scroll = header just gets smaller and logo gets squished. Any fix for that?
    Not sure what I’ve got in the quick css now as I have done many revisions and have now changed the logo a bit. Did some coding so it looks good on the mobile, but that shouldn’t be affecting the web display.?
    thanks!

    #219325

    logo is not shrinking on scroll…?

    #219374

    Hey!

    You can add this on Quick CSS to reduce the header height:

    .social_header #header_main .container, .social_header .main_menu ul:first-child > li a {
    height: 80px;
    line-height: 80px;
    }

    Regards,
    Ismael

    #219404

    thanks. that worked, but the logo still does not shrink when scrolled –
    just gets cut off. ?

    #219411

    also now there is some padding between the header and the fullwidth slider underneath –
    can’t seem to find the setting.
    thanks for the help

    #219484

    Hey!

    The logo does not resize on scroll because of this css:

    .responsive .mobile_slide_out .logo img {
        max-height: 95px !important;
    }

    Cheers!
    Ismael

    #219533

    I thought that was only dealing with the mobile logo sizing?
    Is there another way I can do that? It was getting cut off by
    the menu icon

    #219699

    Hey!

    Please remove Ismael’s last code and try adding following one

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

    Cheers!
    Yigit

    #219726

    perfect! thanks so much

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘logo heading issues’ is closed to new replies.