Hi I want to use a logo that is only 100×40 but it looks strange when I uploaded it. How do I adjust the padding (or whatever the you might think would work) so I can make the actual header smaller? I’m using the small fixed header.
Thanks
Hey majesticllama!
Can you post the link to your website so we can see what type of header you are using? You can also check in Enfold theme options > Header tab.
Best regards,
Yigit
Hi
I’m working offline testing the site but here is a screenshot. See how it looks off center?
http://s11.postimg.org/8p6wusgn7/Screen_Shot_2014_02_19_at_3_10_34_AM.png
I like the size when it shrinks when I scroll down the page (see second image link)
http://s12.postimg.org/vksqah1d9/Screen_Shot_2014_02_19_at_3_14_44_AM.png
Any way to make the regular header the same size as the other one?
Thanks
Hi!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.logo img { margin-top: 20px; }
.header-scrolled .logo img { margin-top: 0; }
Cheers!
Yigit
Hello,
That code centered the logo. (see image)
http://s7.postimg.org/5yu03t17v/Screen_Shot_2014_02_19_at_3_31_28_AM.png
Is there any way to get rid of some of the white space on the top and bottom of the header?
Hey!
It is possible but header will not be resizing when you scroll. Please add following code to Quick CSS too
#header_main .container, .main_menu ul:first-child > li a { height: 44px!important;
line-height: 44px!important;
}
.logo, .logo a, .logo img { max-height: 44px!important; }
.fixed_header #main {
padding-top: 44px;
}
Best regards,
Yigit
That’s fine. Thank you very much.