How do I changeremove styling (top border) on main menu for active page and hovering (Avada Theme)

As per the title, how do I change/remove styling (which is a white top border) on the main menu for both the active page and on hovering a menu item? I am using the Avada child theme and started out with the Architecture demo content. I'm new to web dev and using Custom CSS but can figure most things out with a little guidance. Have checked the forum for existing threads but nothing I have tried has works so far. Thanks in advance.

As per the title, how do I change/remove styling (which is a white top border) on the main menu for both the active page and on hovering a menu item? I am using the Avada child theme and started out with the Architecture demo content. I'm new to web dev and using Custom CSS but can figure most things out with a little guidance. Have checked the forum for existing threads but nothing I have tried has works so far. Thanks in advance.

• menus
• child-theme
• css

Share Improve this question asked May 29, 2017 at 1:59 James AllenJames Allen 311 silver badge33 bronze badges 1

• You can put your own css properties to change styling. Use google inspection tool (f12) to check in which class you need to change properties. – Rishabh Commented May 29, 2017 at 4:19

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

Go to you theme admin panel then Appearance > Editor. Then paste this code bellow into Stylesheet (style.css):

.fusion-main-menu .current_page_item > a {

    border-color: #000 !important;
}

.fusion-main-menu > ul > li > a:hover {
    color: #000 !important;
}

Hope it solve your problem