I have a logo that measures 1200 X 280 pixels and would like to install it in the header in it’s full size with the menu below it. How do I do this?
Thank you!
Hey chickeringco!
Please go to Enfold theme options > Header and choose to display “Logo center, menu below” option and change header height to 280px then add following code to Quick CSS in Enfold theme options under General Styling tab
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
Best regards,
Yigit
Thank you, that got me closer to what I want but it isn’t quite there yet. I now have gaps between the header and the content size that I want to remove and the header image length is not what it should be.
My container size is set to 1200px which is the same length the header image should be.but the header image appears smaller. Also, when I set the header height to 280px which is the same size as the header image I get a gap between the header image and the menu that I would like to lose.
In other words, I would like the header image to fit exactly into the header container without any added space.
Here is the link to what I am seeing currently: http://www.reginalasley.com/
Header image is 1200X280px
Custom header height is set at 280px
Maximum Container width is set to 1200px
Thank you!
Hi!
Please add following code to Quick CSS as well
#header_main .container {
padding: 0;
}
Regards,
Yigit
Excellent Yigit! That did it …. thank you for your fast reply!