Tagged: header, logo padding
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!
logo is not shrinking on scroll…?
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
thanks. that worked, but the logo still does not shrink when scrolled –
just gets cut off. ?
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
Hey!
The logo does not resize on scroll because of this css:
.responsive .mobile_slide_out .logo img {
max-height: 95px !important;
}
Cheers!
Ismael
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
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
perfect! thanks so much