Remove double color on Menu bar background.

Remove double color on Menu bar background.

In case you change the accent color of theme, the menu bar colors can look strange. 
You can fix it by removing the double color. In order to do that, Please enter below css in wp-admin/appearance/customise/additionalCSS box.

  1. .main_menu .navbar {
        background: #(new color) !important;
    }

    .box_testi .title h4:before {
        border-color: transparent transparent transparent #(new color);
    }
    .main_menu .navbar .nav.navbar-nav.navbar-right li.request_btn a:before {
        border-color: transparent transparent #(new color) transparent;
    }
    • Related Articles

    • Change menu BG color on mobile.

      https://share.getcloudapp.com/d5ueeBE9 If you want to change menu background color on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_menu .navbar { background: #000000 !important; ...
    • Change color of hamburger menu on mobile

      https://share.getcloudapp.com/4gux57bx To change hamburger menu on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .navbar-light .navbar-toggler.collapsed span { background: #000; } ...
    • How to change vertical bar between menu items.

      In the Airtech theme, there is a blue line between menu items. It's actually an image, if you want to remove it, Please enter below CSS in wp-admin/appearance/customise/additionalCSS box. .main_menu .navbar .nav.navbar-nav li a:before {    display: ...
    • Remove overlay from Car single page

      In Carena theme, Car single page slider has overlay color on cars. If you want to remove it. Please enter below css in wp-admin/appearance/customise/additionalCSS box. .sp-image-container:after { background-color: transparent; }
    • How to remove overlay color from Hero section.

      In fitzeous theme, the Hero section has color overlay in order to display the white title clearly. But if you want to remove it, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .vc_row.banner_area:after, .banner_area:after ...