Change height of secondary menu

jimosulli

I've created a custom menu class to display social icons in the secondary menu position (because I wanted them inside the header) I can't see where to adjust the height of the secondary menu block

Albert

Hi,

You can do it using Custom CSS field in Theme Options.

Please send us url to page for which you want to change it and we’ll try to help

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jimosulli

www.lucyliannephotography.co.uk/home below is the current custom css I'm using for the menu.

@media (min-width: 600px) {
.secondary-menu .nav-social-facebook {
    float: right; 
    margin-right: 5px;
    background: url(http://www.lucyliannephotography.co.uk/images/facebook.png) no-repeat right;
}

.secondary-menu .nav-social-twitter {
    float: right; 
    margin-right: -12px;
    background: url(http://www.lucyliannephotography.co.uk/images/twitter.png) no-repeat right;
}

.nav-social-facebook a {
    opacity: 0;
}

.nav-social-twitter a {
    opacity: 0;
}
}

Albert

Hi,

To change height of secondary menu items please use below code:

#Header .secondary-menu > li {

    height: 20px;

}

You can modify the code to prevent the disappearance of icons on hover:
http://pastie.org/10047149

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jimosulli

Thanks If I could buy you a beer I would