Tagged: avia, navigation, style
trying to chage the style of the “arrow” and “hover” elements for the current and hover states in the main navigation. just want it to be 10px tall and a solid color. any help?
Hi viper92664,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
.header_color .avia-menu-fx {
background-color: #333;
height: 10px;
}
#top .avia-arrow-wrap {
display: none;
}
.header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-top-color: #333;
}
Change the color code as needed.
Regards,
Devin