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; */
}
}