Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 2, 2018 at 11:37 am #892447
    altei

    Hello (and happy new year)
    I would like to ask you how to achieve the submenu transparency and position like on the following pages:

    https://www.nativsound.com/en

    The best what I can do at the moment is :

    Nativ

    I have used in Quick CSS :
    .html_header_transparency .header_color .main_menu .menu ul li a, .html_header_transparency .header_color .main_menu ul ul
    {
    background-color: rgba(0,0,0,.5)!important;
    }
    But I am not able to change the submenu font color (should be white) and the submenu font fot highlighted item (mouse over)

    Another issue for me is the only choice of main menu (header):
    no borders, no indicators but WITH transparency – and to control the transparency

    thank you
    Martin

    January 3, 2018 at 12:52 pm #892795
    Victoria

    Hey Martin,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
  border: none;
  box-shadow: none;
}
.header_color .header_bg {
  border: none !important;
  background-color: rgba(255, 255, 255, 0.7)
}
.header_color .main_menu ul ul.sub-menu li a {
  color: #fff;
}
.header_color .main_menu ul ul.sub-menu li:hover a {
  color: #ccc !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 3, 2018 at 4:33 pm #892877
    altei

    Hi Victoria,
    thanx a lot. You saved my sleepless night… The only thing which is not solved is the transparency of the submenu black background box. Any idea why?
    Thank you

    January 5, 2018 at 10:22 am #893648
    Ismael

    Hi,

    Use rgba instead of hex color values. Example.

    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    background-color: rgba(0,0,0,.8);
    border-color: rgba(0,0,0,.8);
    font-size: 15px;
}

.header_color .main_menu ul ul { 
    background-color: transparent;
}

    Best regards,
    Ismael

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