Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #415006

    Hi guys,

    Thanks in advance for your help. I’ve searched and found various similar situations, but none have worked here.

    I’m hoping to have a semi transparent background in the mega-menu which opens under ‘Boats’ in the main menu. It should match the semi-transparency in the header which is 0.4 on white.

    Also – the megamenu is quite large – I am hoping to reduce the amount of ’empty white space’. How would I go about compacting the entire thing?

    Thanks again,

    -Mike

    #415806

    Hey!

    Try adding this code to the Quick CSS:

    .html_header_transparency #top .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a{
        background: transparent !important;
    }
    
    .html_header_transparency #top .header_color .avia_mega_div{
        background: rgba(255,255,255,0.4) !important;
    }
    
    #top #header .avia_mega_div > .sub-menu{
        padding: 10px 20px 20px !important;
    }

    Cheers! 
    Josue

    #415824

    thanks! that did it, awesome!

    The menu padding didn’t really do anything tho? Not sure if it’s a huge deal, because the transparency takes away some of the big empty space feeling, but it would be cool to maybe make it a tad bit more compact?

    #415825

    Hey!

    Paste the code from the forum reply not from the mail notification.

    Cheers!
    Josue

    #416004

    Perfect!! Thank you so much!

    #416054

    You are welcome, always glad to help :)

    Regards,
    Josue

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

You must be logged in to reply to this topic.