I'm having trouble modifying a theme. I can't seem to get the dropmenu to work correctly. The menu looks like it should, except if you hover over one of the dropmenu links the menu pushes the page content down, creating a large blank space, instead of opening on top of the content. Also, the menu is a little too wide and when the link is hovered over it becomes center aligned with space on either side.
My gallery link is: http://www.metcoverart.com/gallery/
I've attached a screenshot showing the problems. Any help would be highly appreciated.
Open style.css and around line 593 change this
.dropmenu li ul {
background: url("images/menu_gfx.png") no-repeat scroll 0 -100px transparent;
border-bottom: 1px solid #999999;
display: none;
font-weight: normal;
padding: 7px 0 0;
width: 19.2em;
z-index: 90;
}
to
.dropmenu li ul {
background: url("images/menu_gfx.png") no-repeat scroll 0 -100px transparent;
border-bottom: 1px solid #999999;
display: none;
font-weight: normal;
padding: 7px 0 0;
position: absolute;
width: 10em;
z-index: 90;
overflow: hidden;
}
That will adjust the dropdown to display correctly and reduce the width. Note the 2 lines added and the adjustment to the width from 19.2em to 10em (you can adjust that figure to your needs).
That fixed it! Thank you very much for your help. :)