Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #185539

    Question: I have fixed and altered the height of my main menu and logo in the quick CSS with:

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
    height: 120px !important;
    line-height: 180px !important;
    max-height: none !important;
    }

    #top .main_menu .menu > li{
    font-size: 14px;
    }

    #top .main_menu .menu li>a {
    height: 120px !important;
    }

    But all of the dropdown menu sections are all also at 120px, how can I alter this as that they are smaller…?

    Any help would be greatly appreciated
    Nick.

    #185789

    Hi Nick!

    Use this code instead:

    #header_main .container, .main_menu ul:first-child > li > a, .logo img, .logo a {
    height: 120px !important;
    line-height: 180px !important;
    max-height: none !important;
    }
    
    #top .main_menu .menu > li{
    font-size: 14px;
    }
    
    #top .main_menu .menu > li > a {
    height: 120px !important;
    }

    Cheers!
    Josue

    #186086

    Thanks Jouse it worked a treat….!

    #186091

    Sorry Josue

    The drop down menu issue is now correct but the heading size now shrinks when you scroll down which I had removed using my previous Quick CSS fix, as I want the menu header/logo to stay consistently a fixed size…?

    Thanks in advance
    nick.

    #186266

    Hi!

    You want it to resize or not?

    Cheers!
    Josue

    #187258

    Hi Josue

    The Menu and logo I would like to be fixed and not resize……

    Thanks in advance
    nick.

    #187477

    Hey Nick!

    Open js/avia.js and comment/remove line 18:

    //avia_header_size();

    Cheers!
    Josue

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Drop down menu height problem.’ is closed to new replies.