Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 27, 2014 at 3:53 am #341316
    itchybrain

    Gday Enfold support

    I’d like to reduce the block area of the main navigation height (header logo left, menu right) so that I can have a thinner strip of navigation, while retaining the original header height.

    I have this videocast to show what I mean: http://screencast.com/t/kk3Do25a0

    Thanks for any help you can provide me…much appreciated.

    cheers

    Darryl

    October 28, 2014 at 6:49 am #342022
    Ismael

    Hey itchybrain!

    Thank you for using Enfold.

    You can start with this on Quick CSS or custom.css:

    .html_header_top.html_main_nav_header .main_menu ul:first-child > li > a {
height: 25px !important;
line-height: 25px !important;
}

    Adjust the vertical position of the main menu with this:

    .avia-menu.av-main-nav-wrap {
top: 35px;
position: relative;
}

    Regards,
    Ismael

    October 29, 2014 at 5:01 am #342547
    itchybrain

    Fantastic Ismael, that worked perfectly, and will really help me to create more differentiation in the header areas…much appreciated.

    cheers

    Darryl

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Reducing the block area of main navigation height (header logo left, menu right)’ is closed to new replies.