Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 19, 2013 at 5:38 pm #190661
    tjcameron

    How can I give the MegaMenu a transparent background?
    thank you.

    November 20, 2013 at 5:10 pm #190987
    Yigit

    Hey tjcameron!

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

    #header .avia_mega_div { background-color: transparent!important; }

    Cheers!
    Yigit

    • This reply was modified 11 years, 1 month ago by Yigit.
    November 21, 2013 at 2:38 am #191255
    tjcameron

    didn’t seem to work… http://tjcameron.net/tennis/

    November 21, 2013 at 2:46 am #191263
    Yigit

    Hey!

    I have updated the code in my previous post. Please try it now

    Best regards,
    Yigit

    November 21, 2013 at 2:58 am #191273
    tjcameron

    still no luck. also, how can i change font size within the mega menu?

    November 21, 2013 at 7:50 pm #191590
    Yigit

    Hey!

    Would you mind creating a temporary admin login and posting it here privately so i can take a look?
    You can add following code to Quick CSS section 

    #top .main_menu .menu li ul a { font-size: 14px; }

    Best regards,
    Yigit

    November 21, 2013 at 10:22 pm #191651
    kaMai

    tranparency:
    #top #header .avia_mega_div > .sub-menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top-style: solid;
    border-top-width: 2px;
    display: table;
    padding: 20px 30px 30px;
    }

    November 21, 2013 at 10:48 pm #191659
    tjcameron
    This reply has been marked as private.
    November 21, 2013 at 11:43 pm #191665
    Yigit

    Hi!

    Login does not work :/
    Please add following code to Quick CSS and adjust as well

    #header .mega_menu_title { font-size: 28px; }

    Best regards,
    Yigit

    November 21, 2013 at 11:58 pm #191670
    tjcameron
    This reply has been marked as private.
    November 22, 2013 at 9:05 am #191758
    Ismael

    Hey!

    Please try this on your custom.css or Quick CSS to make it transparent:

    .header_color .avia_mega_div ul.sub-menu {
background-color: rgba(255,255,255,0.3);
}

    You can change the color of the mega menu title using this:

    #top #header .mega_menu_title a {
color: blue;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Transparent MegaMenu’ is closed to new replies.