Secondary Menu on transparent headers styling error (iPhone 5s)

Aloha kriesi,

We are experiencing issues with our Secondary menu on all pages that have the ‘transparent header’ instance ON.

Some of the menu items are blue others light grey. I’ve tried a few things with no success. Could you please advise? Please see below is the screenshot.

http://snag.gy/F77mG.jpg

FYI – We have the following custom code on ‘Quick CSS’

.main_menu ul:first-child > li > a { font-size: 18px; }
.header_color .main_menu ul:first-child > li > a { color: #003566; } /* color of main menu items */
.header_color .main_menu ul:first-child > li a:hover { color: #ff8605; } /* hover state of main menu items */
.header_color .main_menu ul:first-child > li.current-menu-item > a,
.header_color .main_menu ul:first-child > li.current_page_item > a { color: #ff8605; } /* color of active menu item */

#header_meta a:link,
#header_meta .av_secondary_right a:visited {color:#f7f7f7!important;}
#header_meta a:hover {color:#ffffff!important;}
#header_meta .av_secondary_right a:active {color:#ffcc77!important;}

@media only screen (min-width: 768px) and (max-width: 1024px){
div.phone-info.with_nav {
width: 100%;
text-align: right;
margin: -28px 0 30px 0;
}

.av_secondary_right .sub_menu {
float: right;
width: auto;
margin-top: 25px;
text-align: center;
}

.bg_container{ display: none; }
}

Thank you!

http://snag.gy/F77mG.jpg

• This topic was modified 9 years ago by cptnem0.