Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 24, 2016 at 7:14 pm #637704
    Blue_Bear

    Hi,

    I would like to make the background of my sub MEGA menu glassy when the header is glassy. I find a solution wich works for a classic submmenu but not for the sub mega menu…

    .av_header_transparency ul.sub-menu {
    background: transparent !important;
    border-top-color: rgba(0, 0, 0, 0.2) !important;
    }

    .av_header_transparency ul.sub-menu a {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    font-weight: 300;
    }

    Can you help me ?

    Thanks

    May 25, 2016 at 8:03 am #637896
    Rikard

    Hey Blue_Bear,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    May 26, 2016 at 2:16 pm #638712
    Blue_Bear

    Hey Rikard,

    I set up a coming soon page so i directly give you a log in the private section.

    Thanks for your help !!

    Clement

    May 27, 2016 at 6:05 pm #639435
    Andy

    Hi,

    try this code:

    .avia_mega_div.avia_mega2.six.units {
background: transparent;
}
.sub-menu {
background: transparent !important;
}
#top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
background: transparent;
}
.av-main-nav ul li a {
background: transparent !important;
}

    Best regards,
    Andy

    May 27, 2016 at 8:46 pm #639505
    Blue_Bear

    Hi,

    Thanks for your help !
    Unfortunetly the success is just partial :) Your css makes the background transparent but always and not just when the header is glassy. And curiosly a part of my menu remain with a white background…
    part of the menu remain white

    To be more precise :
    – This doesn’t seem to change anything :
    #top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
    background: transparent;
    }
    – This both seems (to me at least :/) to do the same thing (background of the submenu cell transparent) :
    .avia_mega_div.avia_mega2.six.units {
    background: transparent;
    }
    .sub-menu {
    background: transparent !important;
    }
    => except for this last one, when I remove the first and let the second set on transparent the background is white but when I set it on red the background become red… Mystery ! :)

    – This one make the submenu text background transparent :
    .av-main-nav ul li a {
    background: transparent !important;
    }
    Do you have another idea ?

    Thanks again !

    Clement

    May 30, 2016 at 5:51 am #640111
    Ismael

    Hi,

    Please replace the css code with the following:

    .html_header_transparency .avia_mega_div {
background: transparent;
}

.html_header_transparency .sub-menu {
background: transparent !important;
}

.html_header_transparency #top #header .avia_mega_div .sub-menu .avia_mega_text_block a {
background: transparent;
}

.html_header_transparency .av-main-nav ul li a {
background: transparent !important;
}

    Best regards,
    Ismael

    May 30, 2016 at 9:00 am #640179
    Blue_Bear

    Hi Ismael,

    All the menu is transparent now but still not just when the header is transparent. When you scroll to the bottom and the header become non transparent the submenu remain transparent.

    Clement

    May 30, 2016 at 10:51 am #640216
    Andy

    Hi,

    try to add this code:

    .header-scrolled-full .sub-menu {
background: white !important;
}

    Best regards,
    Andy

    May 30, 2016 at 11:03 am #640222
    Blue_Bear

    It’s working ! Thanks you very much :)

    Now I’ll go to set the menu font color white when the background is transparent and black when is not :)

    Clement

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Sub MEGA menu Glassy when header is glassy’ is closed to new replies.