Multi-Color Secondary Menu
A few years back Sakin from Catchtheme helped me with a multi color secondary menu, https://catchthemes.com/support-forum/topic/multicolor-secondary-menu/ , however I am hoping that it can look better on a mobile version. The hamburger menu for secondary menu looks great but I would like the visual secondary menu to fill space or be removed all together on mobile sizes. Here is the page I am referring to, http://stirlingarchitects.com/newsa/portfolio/ and here is the current css: .nav-secondary {
display: none;
}
.nav-secondary .catchresponsive-nav-menu a { line-height: 20px; }
.page-id-13 .nav-secondary,
.parent-pageid-13 .nav-secondary {
display: block;
float: right;
}
.nav-secondary .wrapper { padding: 0; }
.nav-secondary { background-color: #B43C38; }
@media screen and (min-width: 885px) {
.nav-secondary .catchresponsive-nav-menu a { padding: 0 20px; }
.nav-secondary .catchresponsive-nav-menu li:last-child a {
padding: 0 21px 0 22px;
}
}
.menu-item-219 a { background-color: #eb9103; }
.menu-item-218 a { background-color: #c26665; }
.menu-item-216 a { background-color: #7591c4; }
.menu-item-215 a { background-color: #9bb959; }
.menu-item-217 a { background-color: #d7af30; }
.menu-item-225 a { background-color: #8359D8; }
Thanks in advance