Format Main Menu

This will remove any formatting that comes with the default setting or settings you may have set in the Customize - Font section.  This does not change the font size, font color, or the hover colors.

 

.navbar .nav > li > a
{
text-shadow: none;
border: none;
}
.nav > li
{
border: none;
}
/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover
{
text-shadow: none;
border: none;
}

Remove the top and bottom borders.

 

.tc-header {
border-top: none; /* Remove colored bar */
border-bottom: none; /* Remove grey bar */
}

When the menu is viewed from a small (narrow) device, make sure the menu does not cover the complete screen.

/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px)
{

      .navbar .nav .my-nav-menu-search
      {
      float: left;
      }
      .navbar .nav
      {
      width: 45%; /*auto; */
      }

}

Pin It on Pinterest

Share This