change main menu opacity

GK User
Mon Feb 23, 2015 1:28 pm
Hi,

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

GK User
Mon Feb 23, 2015 1:57 pm
Hi,
yes, even few days ago I described it somewhere here: https://www.gavick.com/forums/photo-joomla3
User avatar
Platinum Boarder

GK User
Mon Feb 23, 2015 2:00 pm
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:
User avatar
Platinum Boarder

GK User
Mon Feb 23, 2015 2:05 pm
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
User avatar
Platinum Boarder

GK User
Mon Feb 23, 2015 2:17 pm
Thx for the quick reply! :D

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 !
User avatar
Fresh Boarder

GK User
Mon Feb 23, 2015 2:23 pm
happy to heard that, as you can see using simple css code you can customize appearance of many elements.
User avatar
Platinum Boarder

GK User
Wed Nov 18, 2015 9:15 am
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
User avatar
Gold Boarder


cron