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.

  • 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
    May 29, 2017 at 4:19

1 Answer 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

  • Will that code also work if I paste it in the Avada > Theme Options > Custom CSS area? May 30, 2017 at 7:10
  • yes it will work fine May 30, 2017 at 8:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.