Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #29345

    Hi – love the Enfold theme so far, but have a couple of items I hope you can help me with.

    Here is the site I am building –

    1. Footer size – How can I simply adjust the footer height size (specifically, make it smaller / shorter)? I’ve spent quite a bit of time researching / looking around / experimenting to no avail … is there a simple method that I am missing?

    2. Menu item issue – I wanted to stop the header / menu from auto-sizing to smaller when scrolling. After some research / looking around for fixes, I added some quick CSS to achieve the desired result. However, now the individual dropdown menu item areas are huge. How can I make the dropdown menu item areas smaller without affecting the size of the overall header?

    I am using the Small fixed Header type with the following quick CSS added:

    #header_main .container, .main_menu ul:first-child > li a {

    height: 78px !important;

    line-height: 88px !important;

    padding-top:3px !important;

    font-size: 14px;


    #header_main {

    border-bottom: none;


    #top .main_menu .menu ul li a {

    font-size: 14px;


    .main_menu .menu li {

    height: 60px;


    .logo img {

    height: 128px;

    width: 269px;


    body .logo{



    Hope this all makes sense … Thanks a million for any help you can offer!!




    1) Insert following code into the quick css field to reduce the padding of the footer.

    #footer {
    padding: 15px 0;

    You can replace 15px with a lower value if required.

    2) There’s no need for css code – just remove following code from enfold/js/avia.js

    // decreases header size when user scrolls down


    Thank you – Thank you very much!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Adjust footer size and dropdown Menu item issue’ is closed to new replies.