Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #254890

    Hi, i’m trying to align the main navigation to the bottom. I tried the solution from this thread:

    This only seems to work with the small header enabled. Could anyone point me in the right direction?

    I tried to increase the number and add !important like this:

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

    But now all the subnav items have the hight of 200px which messes up the menu.


    Hey Willyyr!

    Can you post the link to your website so we can take a look?


    This reply has been marked as private.


    Please remove the custom CSS code you added and add following code instead

    .av-main-nav > li > a { line-height: 200px !important; }
    .header-scrolled .av-main-nav > li > a { line-height: 58px !important; }

    Best regards,


    Thank you very much! Works like a charm. Awesome.



    Glad we could help. If you have any questions, let us know.

    Best regards,

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

The topic ‘Align main navigation to bottom on large navigation’ is closed to new replies.