Hi,
I am using http://kriesi.at/themes/enfold-coming-soon/ with a short menu and three sections.
I would like to use a completely transparent menu and I don’t want it to turn into white (or whatever colour defined) when scrolling down – but remain transparent. Do you have any idea how to do that?
Also, for now I have defined the same background image for every section. If I would use a global background image in the Enfold settings, I would not be able to define a section ID. However, this poses problems with Google Chrome (and smaller issues with IE). Any idea how to do that?
Thank you!
Niko
As an example. what I am trying to do: http://www.wittycircle.com/
SOLVED.
I put this in the css file:
#top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
background-color:rgba(255,255,255,0) !important;
}
#top .container_wrap {
border-top-width:0px !important;
}
#top #header_main {
border-bottom-width: 0px !important;
}
#socket {
background-color: transparent;
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
}
.footer_color {
background-color: rgba(255,255,255,.0);
}
.header_color div, .alternate_color, .main_color { border: none!important; }
.avia-menu-fx {
display: none;
}