-
AuthorPosts
-
February 19, 2014 at 11:55 am #226114
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
February 19, 2014 at 1:06 pm #226133Hey 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,
YigitFebruary 19, 2014 at 1:16 pm #226142Hi
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.pngI 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.pngAny way to make the regular header the same size as the other one?
Thanks
February 19, 2014 at 1:27 pm #226148Hi!
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!
YigitFebruary 19, 2014 at 1:37 pm #226154Hello,
That code centered the logo. (see image)
http://s7.postimg.org/5yu03t17v/Screen_Shot_2014_02_19_at_3_31_28_AM.pngIs there any way to get rid of some of the white space on the top and bottom of the header?
February 19, 2014 at 1:43 pm #226156Hey!
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,
YigitFebruary 19, 2014 at 2:07 pm #226168That’s fine. Thank you very much.
-
AuthorPosts
- The topic ‘Header Padding’ is closed to new replies.
