Menu on Footer_nav

Hi, i would like to know if its possible add the main menu at footer_nav position, like this site: http://www.morganstanley.com/

Thanks

Hi

Please use Menu Module and publish it while selexting Main Menu in one of the footer position.

I did it, but it looks ugly.

Please see the image attached

Hi

Please leave it like that and show me Your site.

Hi

Please leave it like that and show me Your site.

Ready.
You can see it on this url http://afg.acrovex.com/

Hi

Please try to add this code to override.css and remember to allow using of this file:

Code: Select all

#gkFooterNav li {
position: relative;
height: 25px;
line-height: 25px;
}

#gkFooterNav li ul {
display: none;
position: absolute;
left: auto;
background-color: #F2F2F2;
border-radius: 4px 4px 4px 4px;
bottom: 25px;
width: 150px;
}

#gkFooterNav li:hover ul {
display: block;
}

#gkFooterNav li ul li {
width: 100%;
float: none;
line-height: 18px;
padding: 3px 5px;
}


For now it's a guessing since I have no access to Your ftp to test how it looks like, but when I'll see this style in action we will be one step closer to the solution.

Hi

Please try to add this code to override.css and remember to allow using of this file:

Code: Select all

#gkFooterNav li {
position: relative;
height: 25px;
line-height: 25px;
}

#gkFooterNav li ul {
display: none;
position: absolute;
left: auto;
background-color: #F2F2F2;
border-radius: 4px 4px 4px 4px;
bottom: 25px;
width: 150px;
}

#gkFooterNav li:hover ul {
display: block;
}

#gkFooterNav li ul li {
width: 100%;
float: none;
line-height: 18px;
padding: 3px 5px;
}


For now it's a guessing since I have no access to Your ftp to test how it looks like, but when I'll see this style in action we will be one step closer to the solution.

Thanks, it's working, but how can i change the font size, font color and align to the center?

Hi

Some more code:

Code: Select all

#gkFooterNav {
    float: none;
}

#gkFooterNav ul {
    text-align: center;
}

#gkFooterNav ul li a {
    font-size: 15px;
    color: #000000;
}


Hi

Some more code:

Code: Select all

#gkFooterNav {
    float: none;
}

#gkFooterNav ul {
    text-align: center;
}

#gkFooterNav ul li a {
    font-size: 15px;
    color: #000000;
}


Perfect! now i can try changing some parms. Thanks a lot.

It's possible see the first submenu on footer?

and you can help me with this? sorry but it is urgent
https://www.gavick.com/forums/boutique- ... 32#p155432

Hi

You have not copied the code in full. This class is showing the first submenu when mouse is over the menu item:

Code: Select all

#gkFooterNav li:hover ul {
display: block;
}


Hi

You have not copied the code in full. This class is showing the first submenu when mouse is over the menu item:

Code: Select all

#gkFooterNav li:hover ul {
display: block;
}


Hi, i have that class but nothing happens when the mouse is over the menu. Can you check that plz?

Hi

You have not copied the code in full. This class is showing the first submenu when mouse is over the menu item:

Code: Select all

#gkFooterNav li:hover ul {
display: block;
}


Hi, i have that class but nothing happens when the mouse is over the menu. Can you check that plz?

Hi

Here is couple more classes which should fix the problem:

Code: Select all

#gkFooterWrap {
    overflow: visible;
}

#gkFooterNav li ul {
    left: 0;
    width: 350px;
}

#gkFooterNav li:hover > ul {
display: block;
}

#gkFooterNav li ul li {
    display: block;
   
}

#gkFooterNav li ul li a {
    font-size: 12px;
}