Hello,
I would like to make the logo 20% bigger and centered between the top of the browser and nav menu.
See screenshot: https://www.dropbox.com/s/ouwei5yoc34elzk/Screen%20Shot%202014-08-04%20at%2011.46.19%20AM.png
Thanks!
Hi mcraig77!
Thank you for using the theme.
Please go to Enfold > Header Layout > Header layout panel. Look for the Header Size settings then select custom pixel value. Adjust the height of the header. This will automatically increase the width of the logo.
Regards,
Ismael
Thanks Ismael –
How do i add some padding above the logo to center?
Hey!
Try adding this code to the Quick CSS:
#header_main {
padding-top: 20px;
}
Cheers!
Josue
Hi, Okay, I have a centered logo that I can’t seem to make bigger: I have in two sizes 750 x 125 and 850 x 154.
In Enfold Options, I can change pixel value/height to actual pixels of logo, for the first one, to 125, but the logo does not increase, there are simply pixels added to the bottom of the logo – like a bottom margin or padding. If I try the 850 size and change the custom height to 154, the logo gets all messed up, Enfold doesn’t like it.
anyway, I’m guessing there is a max-width set somewhere for this? Can you help so I can make the logo a tad bigger? It appears that Enfold is stopping it at a max width of 650px.
Thank you!
Hey!
Add this to Quick CSS:
.html_header_top.html_logo_center .logo {
left: 30%;
-webkit-transform: translate(-20%, 0);
-ms-transform: translate(-20%, 0);
transform: translate(-20%, 0);
}
Cheers!
Josue
Awesome, that worked, thank you!