Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26289

    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,

    #129946

    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

    #129947

    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!

    #129948

    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

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

The topic ‘Using Mega Menu’ is closed to new replies.