Dropdown topnav

Hi,
I put a multilevel menu on "topnav" position and it's not working propperly (It goes to 100% of div and the 2nd level menu is always displayed). Could you please advise how to style it as dropdown menu?
thnaks in advance,
Kalixo

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi

Done. I used this code to make it work:

Code: Select all

#gkTopMenu ul.menu li ul {
position: absolute;
background-color: #fff;
display: none;
}

#gkTopMenu ul.menu li:hover ul {
display: block;
}

#gkTopMenu ul.menu li ul li {
float: none;
display: block;
margin: 0 15px;
}


great! thank you very much for help!
Best,
Kalixo

Hello again, two more things:
1. this menu ("topnav") is not visible on mobile - is it the way it should be (I can live with that)
2. on mobile, main menu from the template is below logo img. I tried to restyle it, but the mobile.css seems to not work... could you please check this?
Thanks in advance,
Kalixo

Hi

It was designed like that. Here a code to change it. Add it to override.css:

Code: Select all

@media only screen and (max-width:600px) {
#gkTopMenu {
    display: block;
    height: 38px;
    overflow: scroll;
    width: 60%;
}

#gkLogo {
    width: 75%;
}

#gkLogo img {
    max-width: 100%;
}
}


Thank you, It work as a charm!

Hi


Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro