Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 14, 2015 at 6:11 pm #379619
    Benoit

    Hi guys
    I need some help to find a solution to an issue with the avia menu fx on enfold.
    I would like to have the bottom border in red , so i used this code that i found here = https://kriesi.at/support/topic/main-menu-bottom-border-color-on-hover/

    .current-menu-item > a .avia-menu-fx {
    background: #DC3D26;
    }
    .header_color .avia-menu-fx {
    background: #DC3D26;
    }

    It seem to work but the problem is that every time i navigate to any other page the header flash and the background of the header is red for a second.

    I tried to add this code to keep the background of the header white-

    .header_color {
    background-color: #ffffff;
    }

    But it’s not working
    If someone could help me it will be really appreciated .
    Thanks

    January 15, 2015 at 1:16 am #379828
    Benoit

    I have also tried this code,

    /*menueffect*/
    .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    opacity: 1;
    background: #DC3D26;
    }
    .av-main-nav li:hover .avia-menu-fx {
    opacity: 1;
    visibility: visible;
    background: #DC3D26;
    }

    it work but i still have the header that goes red for a second.
    Thanks in advance !

    January 15, 2015 at 5:04 pm #380115
    Benoit

    Any ideas ???

    January 15, 2015 at 5:08 pm #380120
    Yigit

    Hey!

    Please try adding following code to Quick CSS

    .html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border-top-color: red;
}

    If that does not work, please post the link to your website and a screenshot showing the changes you would like to make.

    Cheers!
    Yigit

    January 15, 2015 at 6:08 pm #380223
    Benoit
    This reply has been marked as private.
    January 15, 2015 at 6:14 pm #380232
    Yigit

    Hey!

    Can you please try adding following code to Quick CSS

    html {
background-color: #ffffff!important;
}

    Best regards,
    Yigit

    January 15, 2015 at 9:28 pm #380456
    Benoit

    Thanks Yigit
    I have already added this line of code. This code works for the content of the website but not for the header. I still have a red header flickering.
    Many thanks for your help

    January 19, 2015 at 2:58 am #381557
    Andy

    Hey!

    I can’t see any red header flickering. You website seems fine now. Could you fix it? If it’s still appearing for you, then please clear your browser cache and check again.

    Let us know if you need any more help.

    Cheers!
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.