Hover question

Does anyone know how I can make the hover background larger (top level) on the menubar so that it covers the whole menu item text?

Could you send me a link to your page, because there is different ways to do this based on your menu. For example, if your hover is using a background image, then you will need to modify the image, or if possible add a background repeat which you could in CSS Menu Wirter.

In general, if you want to make these modifications, reenter the CSS Menu Enter and click the Define Button next to the theme drop down and then click on the Design Tab, and select the Hover tab under background and border and you make the necessary updates there.

the website is createorder.php

Thanks

To make the hover fit the entire text, open your menu.css file and look for these line of code:

ul#cssmw > li:hover > span > a {
background-image:url(../cssmw_images/left.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
}

and change it to:

ul#cssmw > li:hover > span > a {
background-image:url(../cssmw_images/left.jpg);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
width:110px;
}


You could see that i added a width to the hover state. You could increase that width accordingly.

thanks Dani

But you then you may have to do some adjustment to make it line up properly for all headings, and to stop the text jigging about when you mouse over.

Easier would be to leave the css alone (on this occasion) open the left.jpg and right.jpg from the image folder and chop 15px off the right of the right one, and 15px off the left of the left one (so both are 13px wide). Then the menu will not dance about and the heading text will be centred in each one.