Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 10, 2014 at 12:29 am #249484
    Randy

    I need to do the following:

    1. make the height of each submenu item shorter.
    2. put a line between each submenu item.

    I have tried everything I can think of, but for some reason nothing seems to work. Can someone please give me some help with this?

    April 10, 2014 at 12:37 am #249490
    Yigit

    Hi Randy!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #top .av-main-nav ul a { padding: 3px 15px; }
.sub-menu li { border-bottom: 1px solid #e2e2e2; }

    Cheers!
    Yigit

    April 10, 2014 at 12:45 am #249495
    Randy

    Thank you!

    The border .sub-menu li { border-bottom: 1px solid #e2e2e2; } worked great.

    The height of the sub-menu items however did not change. They show a current height of 65px when I inspect them. I just need to make them less by about 15px.

    April 10, 2014 at 12:48 am #249498
    Randy

    It looks like it’s tied to the height of my menu/logo header.

    April 10, 2014 at 12:49 am #249499
    Yigit

    Hey!

    You have following custom CSS code in Quick CSS section

    #header_main .container, .main_menu ul:first-child > li a {
height: 60px !important;
line-height: 60px !important;
}

    Please change it to 

    #header_main .container, .av-main-nav > li > a {
height: 60px !important;
line-height: 60px !important;
}

    Cheers!
    Yigit

    April 10, 2014 at 1:03 am #249509
    Randy

    THANK YOU! Worked great!!!

    April 10, 2014 at 1:06 am #249512
    Yigit

    Hey!

    You are welcome Randy, glad we could help! :) Let us know if you have any other questions or issues

    Cheers!
    Yigit

    April 10, 2014 at 1:22 am #249520
    Randy

    BTW… FANTASTIC THEME! SOLID and CLEAN. GREAT WORK. THANK YOU!!!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to Change Submenu Height?’ is closed to new replies.