Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #375324

    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

    #375331

    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

    #375339

    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

    #375464

    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

    #375687

    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

    #375691

    Hi!

    You can go to Enfold theme options > Header and adjust header height as needed.
    Please add following code to Quick CSS as well

    #header_main > .container {
    margin-top: 10px;
    }

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.