Hi there,
Happy New Year!
Gone live with a website built with Enfold – client and me both v happy :) Thanks!
Just a quick adjustment needed at the last minute – I’d like to increase the length of the header/navigation area – just to give everything a bit more breathing space.
Is there a quick way to edit the CSS for this?
Thanks for your help
Carole
Hi Carole!
Happy new year! We are glad that you and your client is liking Enfold :)
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
div#header_main > .container, #header_meta > .container {
width: 85%;
}
Regards,
Yigit
Hi Yigit,
That worked great for the length – but I’d like to make the header div *deeper* not wider (sorry my fault, not very good at explaining)
Is deeper possible?
Carole
Hi!
what do you mean with deeper? if you want to adjust the height use this:
#header_main .container, .main_menu ul:first-child > li a {
height: 120px;
}
and adjust as needed.
Regards,
Andy
Hi Andy,
Thanks a lot for your help. :) By deeper I meant the height/depth of the header section.
The css you gave has worked great, it has increased the space below the logo/navigation.
I’d like to give a little more space above the logo/navigation. Is this possible?
Thank you
Carole