Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 29, 2014 at 12:39 pm #342666
    ouranos3

    Hi Enfold Support team,

    I’m trying to adapt Enfold Mega menu css styles.
    Here is a jpg of what i’m trying to do :

    original menu youteam

    Here is the original menu, which is already customized (but not using megamenu) :
    http://you-team.com

    So, my main concern is the transparency on the sub-menu. I think (hope), i can deal with div size and position

    I tried things like:

    background-color: rgba(248, 248, 248, 0.2) !important;

    on

    #top #header .avia_mega_div .sub-menu
    and
    #top #header .avia_mega_div > .sub-menu

    Transparency is applied, but i’ve a background color (on a upper div container ?) that i can’t get rid of. So, there is no transparency and i just get the general menu container background color.

    Can anybody help ?

    Thank you.

    October 29, 2014 at 1:05 pm #342672
    Arvish

    Hi ouranos3!

    Try the following CSS rather

    .header_color .main_menu .menu ul{
    background-color: transparent;
    }

    .header_color .main_menu .menu ul li a{
    /*You can add a background color here if you want*/
    opacity: 0.2;
    }

    Best regards,
    Arvish

    October 29, 2014 at 2:15 pm #342702
    ouranos3
    This reply has been marked as private.
    October 29, 2014 at 2:52 pm #342721
    Arvish

    Hi!

    I’ve changed the code to the following:

    .header_color .main_menu .menu .avia_mega_div {
 background-color: rgba(248, 248, 248, 0.2);
}

.header_color .main_menu .menu .avia_mega_div ul{
 background-color:transparent;
}

    Please check and let us know.

    Cheers!
    Arvish

    October 29, 2014 at 6:30 pm #342875
    ouranos3

    Thanks Arvish ! Very effective support …

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Transparency on mega-menu "sub-menu"’ is closed to new replies.