Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 12, 2015 at 1:09 am #458130
    jaimemerz

    I have the transparency setting on the front page of my site and I have a button in my main menu that is currently blue. I want the button to be yellow when the header is transparent and then change to blue when the header becomes solid during scrolling. Is there a way to do that?

    June 12, 2015 at 6:09 pm #458529
    Yigit

    Hi jaimemerz!

    Please go to Enfold theme options > Header > Transparency Options and set menu color for transparent header and then go to Enfold theme options > Advanced Styling and edit “Main menu links” to change menu colors on non-transparent header

    Cheers!
    Yigit

    June 12, 2015 at 7:56 pm #458603
    jaimemerz
    This reply has been marked as private.
    June 15, 2015 at 10:04 am #459194
    Ismael

    Hi!

    Try this in the Quick CSS field:

    #top #wrap_all .av_header_transparency .av-menu-button-colored > a .avia-menu-text {
  background-color: orange;
  border-color: orange;
}

    This will change the button color on transparent header. If you scroll down, it will revert back to the default menu button color.

    Regards,
    Ismael

    June 15, 2015 at 7:33 pm #459617
    jaimemerz

    That worked perfectly! Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Main menu buttons to change color when the header scrolls’ is closed to new replies.