Question

I’m working on a website: http://www.ourbridalsongs.com and am trying to implement a hover type
menu when clicking on the arrows next to the logo.

For some reason – rather than opening fully – the menu seems to get stuck and doesn’t expand fully.

I’m pretty sure this is a CSS error – if anyone could take a look using Firebug – I’d much appreciate it – Thank-you.

Answer 1

Ah you mean Themeforest like. Okay

You have to change in header.css

ul.topnav li {
    float: left;
    margin:0 0 0 10px;
    position: relative; /*--Declare X and Y axis base--*/
}

to

ul.topnav li {
    float: left;
    margin:0 0 0 10px;
    position: relative; /*--Declare X and Y axis base--*/
    overflow: visible;
}

I’ve set the overflow to visible.