With the help of the Admin I have been able to customize my menu a lot so far and I just have a few more changes I need to make that I am having issues with.

The main thing is I need to remove the arrows from the left side of the menu items and make it so that each background image for each menu item is touching the ones next to it. I have tried entering this code into the CSS Styles block:

UL.ux-menu SPAN.ux-menu-arrow
{
display: none;
}

And that didn't help. So as a last ditch effort, I just went into the images folder for ARI Ext Menu and deleted the .png image of the arrow all together and it is still showing up on the site. Not even sure how that's possible.

Thanks in advance for any help!
Tyler

Hello,

Provide a link to a page where we can see a menu.

Regards,
ARI Soft

This problem with site template CSS styles. Add the next CSS rule to hide the arrow:



Regards,
ARI Soft

Thanks. That did what I wanted it to.
However, for some reason, now that I have all the images set as the background for the menu items like I want, whenever I click and hold on a link the images from the menu item backgrounds show up over the link I am clicking and holding.

For example, when i click and hold on the logo in the top left, the logo is covered up by the background images for the menu items. When I go into the CSS Styles section and erase all of the codes I have there it fixes the problem but then I don't have any images for the backgrounds of my menu items. The only code I have in the CSS Styles section are the different codes you gave me earlier for having images as the background of the menu items and the code you gave me to get rid of the arrows.

Thanks in advance for your help.

Also, when I got to pages that are using different extensions, such as JEvents, the backgrounds for the menu items disappear.

And here is the link to my site again.