submenu transparency

1daytokyo · January 2016

Hi there, could you direct me on how to adjust full-width (browser view) submenu as well as mobile view submenu a bit more transparent, maybe .5 opacity? Thank you so much!

Albert · January 2016

Hi,

any screenshot of what you mean exactly and link to your site?

1daytokyo · January 2016

http;//munakatabethel.com This is the browser view, but also with the mobile view, I would like to make the dark grey submenu a bit transparent. I could not find a transparency slider or adjustment area for the submenu. Thank you if you can help!

Albert · January 2016

Ok. So you can do this with the following css then:

#Top_bar .menu > li ul {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

1daytokyo · January 2016

thank you very much! will that work for the mobile view too?

Albert · January 2016

It depends what you meant but generally this should work for all devices.

1daytokyo · January 2016

In mobile view, the opacity is not seen, it is dark like the sticky header. If not possible, no biggie.

Albert · January 2016

So if above css does not work on phones, then we do not have any other css to make it possible.

submenu transparency

Comments