Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #637704

    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

    #637896

    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

    #638712

    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

    #639435

    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

    #639505

    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

    #640111

    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

    #640179

    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

    #640216

    Hi,

    try to add this code:

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

    Best regards,
    Andy

    #640222

    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

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Sub MEGA menu Glassy when header is glassy’ is closed to new replies.