change main menu opacity

Hi,

Is it possible to change the opacity of the main menu overlay on the Photo template, so that the background comes through?

Hi,
yes, even few days ago I described it somewhere here: https://www.gavick.com/forums/photo-joomla3

ok,
but start from this:

Code: Select all

#gk-menu-button { background:  transparent; }

#page-nav, #gk-menu-button > span:before, #overlay-menu-content {
    background:  transparent;
}

How to use custom code -> check my footer link.

Results should be similar to those:

option #2

Code: Select all

#gk-menu-button, #gk-menu-button > span:before, #overlay-menu-content {background:  transparent;}
#page-nav {background: rgba(0, 0, 0, 0.6);}


result 2

Thx for the quick reply!

Option 1 I read about already but the rgba line in option 2 is what I was looking for.
I added it also to the menu and it's what I was looking for.

Thx !

happy to heard that, as you can see using simple css code you can customize appearance of many elements.

flat menu.jpg

Hi,very useful but i'm not as good as you,
where is the file ( css,php..) where to make these mods?
Thanks.Actually i need to lower the whole menu in the black bar 'cause i don't like
that hump step ...especially on mobile devices...i prefer to have all flat.
Could you be so gentle to help me a bit ,thanks