How to replicate one of the example headers on demo site

• reesej19

  said

  Can you please provide the code to the temporary headers that you have as part of your demo page? I posted a comment about this, I really would like the last one: http://para.llel.us/themes/incentive-wp/wp-content/uploads/2013/08/sample-header-5.jpg

• andy

  said

  I will actually have to do the work again. It will only take 10 minutes or so, but those were just done in the moment to generate examples of how easily you can modify the header styles. They’re not skins or included styles. I’ll see if I can replicate the one you mentioned and post back the CSS here for you.

• andy

  said

  I think this is all you need:

  #MainNav, body #megaMenu ul.megaMenu > li.menu-item > a, body #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, body .megaMenuToggle, body.home #megaMenu ul.megaMenu > li.menu-item.current-menu-item > a {
    border-bottom-color: #d00;
    border-bottom-width: 2px;
  }
   
  #megaMenu ul.megaMenu > li.menu-item > a, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator, .megaMenuToggle {
    margin-bottom: -2px;
  }

  Be sure to set the border-bottom-color to your value in the first style. Also, from the “Appearance > Theme Options” area set the background color of the menu to the same as the page (white is default) and the layout style to full width. That should be all you need.