Free: Main Menu: Doesn't Slide; BG Img on Child Items

Responsive Joomla template for Entertainment and Music purpose with clean and lightweight design.
GK User
Sun Jul 21, 2013 5:44 am
In Music Free, on http://allbluesdance.com/, Main Menu, item Local:

1. I could be with unclear on terminology, but with Menu Animation set to Slide & Fade it looks to me like the sub-menu is just "fading" down, just like it fades in to the right. This is the same behavior as on the Music Free demo. I'd understand "Slide" to mean that an image of the whole sub-menu would actually slide down from, let's say, behind the Main Menu item, rather than the sub-menu already being in place but progressively revealed from the top downward. In any case, can I get the sub-menu to slide down in the way I describe?

2. In Custom CSS I've applied a gradient background-image to gkPageTop. (I've also made gkPageTop fixed, if that might make a difference.) Where would I apply a similar background image to the Main Menu item on hover, and to the child items?
User avatar
Junior Boarder

GK User
Mon Jul 22, 2013 10:05 am
Could You post an URL to your site?
User avatar
Moderator

GK User
Mon Jul 22, 2013 10:34 am
Ah, of course I should have done that: http://allbluesdance.com/.
User avatar
Junior Boarder

GK User
Mon Jul 22, 2013 5:48 pm
1. - that would requite a customization that we do not support. But if You know a little bit of jQuery, You could look into gk.menu.js located in /templates/gk_music_free/js
and edit animations that starts in line 39.

2. css for background of main level element can be accessed this way:
Code: Select all
.gkMenu > ul > li.haschild:hover {background: #151515!important;}

css for the background of submenu:
Code: Select all
.gkMenu > ul div.childcontent-inner {background: #151515;}
User avatar
Moderator

GK User
Mon Jul 22, 2013 5:48 pm
Ps...
please read first about adding custom CSS:
http://www.gavick.com/documentation/joo ... -template/
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.