Tagged: header, logo padding
-
AuthorPosts
-
February 3, 2014 at 2:42 pm #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!February 4, 2014 at 1:26 pm #219325logo is not shrinking on scroll…?
February 4, 2014 at 2:44 pm #219374Hey!
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,
IsmaelFebruary 4, 2014 at 3:37 pm #219404thanks. that worked, but the logo still does not shrink when scrolled –
just gets cut off. ?February 4, 2014 at 3:51 pm #219411also now there is some padding between the header and the fullwidth slider underneath –
can’t seem to find the setting.
thanks for the helpFebruary 4, 2014 at 5:06 pm #219484Hey!
The logo does not resize on scroll because of this css:
.responsive .mobile_slide_out .logo img { max-height: 95px !important; }Cheers!
IsmaelFebruary 4, 2014 at 6:19 pm #219533I 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 iconFebruary 4, 2014 at 11:45 pm #219699Hey!
Please remove Ismael’s last code and try adding following one
.logo img { margin-top: 15px; } .header-scrolled .logo img { margin-top: 0; }Cheers!
YigitFebruary 5, 2014 at 1:46 am #219726perfect! thanks so much
-
AuthorPosts
- The topic ‘logo heading issues’ is closed to new replies.
