Hello

Not sure if I understand what you mean by hover image height? You want to adjust the height of the hover effect but leave the default height the same?

Ciarán

I put in the following Custom CSS to change the height and placement of the menu, but the placement of the font was not centered vertically like I wanted, and I noticed that 'hornav ul a' affected that. But when I change the line height of hornav ul a, the hover effect gets longer or shorter vertically depending on the number I plug in. Is there a better way to do this? I want the height of the hover effect to equal the height of the menu bar or block, whatever it is called. Maybe there is a better code for menu font placement?

.hornavmenu
{ border-bottom: none;
box-shadow: 0px 8px 15px 0px #000000;
height: 38px; top: 120px; border-radius: 5px 5px 0px 0px;
}

#hornav ul a
{ line-height: 20px;
}

I also have this code in the Custom CSS and wonder if I need to redo it. I know the 2nd pixel number is for horizontal spacing but don't know how the first pixel number would affect ul a 'line-height'. Am I doing something wrong?

#hornav ul a, #hornav .separator {
padding: 10px 10px;
}

Hi Echojs

To better center your menu items vertically try adding the following to the Custom CSS field of your templates parameters...

#hornav ul a, #hornav .separator {

    padding: 8px 12px 10px;

}

This will reduce the top padding to 8px, horizontal padding on boths sides to 12px and your bottom padding will remain at 10px.

Ciarán