Hi,
On my website I would like the background of the submenu items to be transparant, somehow I cannot find a thread on that issue. Also I would like to remove the green line above the submenu items (see for the submenu under main menu item “BBQ”).
You will nee to login to see the site, because it’s in maintenance mode, see private content.
Thanks a lot!
Hey,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.html_header_top .header_color .main_menu ul:first-child > li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu {
border: none;
}
.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color: transparent;
}
Regards,
Yigit
Thanks for your fast reply Yigit. How can I make the backgrund not completely transparant but black with an opacity of 0.4?
thanks again!
Hi,
Please change the second code to following one
.header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
background-color: rgba(0,0,0,0.4);
}
0,0,0 is the RGB value and 0.4 is opacity level that you can set between 0-1 :)
Best regards,
Yigit
Sorry found ut already:
background-color: rgba(0,0,0,0.4);