Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 16, 2013 at 2:52 pm #26289
    andresfelipe

    Hi there, I’ve added this css to keep my navigation size at 90px ;

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

    height: 90px !important;

    line-height: 90px !important;

    }

    I like that width of 90px because it looks good with the size of my logo but when I use the mega menu option to create columns, or even in a regular menu drop down the 90px space looks awful. Is there a way to fix this?

    Thank you,

    July 17, 2013 at 3:31 pm #129946
    Devin

    Hi andresfelipe,

    Try changing your css to:

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

    So that it only effects the links right after the first list item.

    Regards,

    Devin

    July 17, 2013 at 6:09 pm #129947
    andresfelipe

    Hi Devin,

    Thank you for your response.

    I guess I was just missing a “>” there. Well It does work now for any sub page;

    http://oi39.tinypic.com/33xy14h.jpg

    But not for a mega menu.

    http://oi43.tinypic.com/2ljou3o.jpg

    I have the mega menu item labeled “Menu” to drop in two columns and then I have 4 pages in each column.

    Is there a code to fix it for mega menu?

    Thank you so much!

    July 18, 2013 at 4:49 am #129948
    Ismael

    Hi,

    Remove the !important part to avoid affecting the mega menu.

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

    Regards,

    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Using Mega Menu’ is closed to new replies.