Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 17, 2014 at 2:58 pm #238711
    yoginthusiast

    Hi Ismael,

    thanks again for your help with the transparency (https://kriesi.at/support/topic/one-custom-background-image-for-all-areas-header-main-footer/#post-238505).

    Regarding this one small issue occurred: When the mega menu is active the background of the mega menu is also transparent. How can I change only this background to a specific color?

    Thank you in advance!

    Kind regards,
    Tom

    March 18, 2014 at 6:11 pm #239489
    Yigit

    Hey yoginthusiast!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    #top #header .avia_mega_div .sub-menu { background: red; }

    If that does not work, please post the link to your website

    Cheers!
    Yigit

    March 19, 2014 at 10:31 am #239970
    yoginthusiast

    Thanks Yigit that worked well!

    Is there also an option to just change the background of the main menu if it is minimized (if you scroll down). Otherwise I would like it to be transparent?

    Kind regards,
    Tom

    March 19, 2014 at 2:54 pm #240079
    Yigit

    Hey!

    You can add following code to Quick CSS

    .header-scrolled .main_menu .menu li ul a { background-color: red; }

    Best regards,
    Yigit

    March 20, 2014 at 12:59 pm #240661
    yoginthusiast
    This reply has been marked as private.
    March 20, 2014 at 1:37 pm #240677
    Yigit

    Hey!

    Have you tried flushing browser cache? Background of main menu is transparent on my end http://i.imgur.com/b6ejuN1.jpg

    Best regards,
    Yigit

    March 20, 2014 at 3:03 pm #240713
    yoginthusiast

    Hi! Yes that’s right. But when the main menu is minimized (when scrolling down) it should not be transparent. Instead it should have a color as background.
    It should switch from transparent to a specific background when scrolling down.

    Best regards,
    Tom

    March 20, 2014 at 3:07 pm #240716
    Yigit

    Hey Tom!

    Please add following code to Quick CSS as well

    .header-scrolled #header_main {
background-color: white!important;
}

    Regards,
    Yigit

    March 20, 2014 at 3:15 pm #240725
    yoginthusiast

    Wow so quick!! Thank you, that works perfectly!!!

    All the best,
    Tom

    March 20, 2014 at 3:16 pm #240729
    Yigit

    Namaste!

    You are welcome Tom, glad we could help :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘how to change background color for mega menu’ is closed to new replies.