I created a custom menu where I put an image background hover effect on it. It works alright. But when I set the padding for a:hover the menu seems to move when I hover on it. What I want to do is to keep the menu intact or unmovable even if I hover on it.

I have to set the padding so that there will be a space before and after each menu. It's kinda ugly to see without any space after and before each menu.

I'm working with Framework theme.

Please advice.

Comments

Scheepers de Bruin’s picture

Why don't you just set the padding on the a item, in stead of on the a:hover?
Or even both?

MPiccinato’s picture

Can you show a sample?