Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2015 at 4:36 am #415006
    mikegrace78

    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

    March 21, 2015 at 11:41 pm #415806
    Josue

    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

    March 22, 2015 at 1:28 am #415824
    mikegrace78

    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?

    March 22, 2015 at 1:39 am #415825
    Josue

    Hey!

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

    Cheers!
    Josue

    March 22, 2015 at 5:22 pm #416004
    mikegrace78

    Perfect!! Thank you so much!

    March 22, 2015 at 8:20 pm #416054
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.