I extended each menu item to a specific width so that the menu would be the same width as the banner - but I was wondering if there is a way to make this fexible, so that no matter how my site is being viewed (mobile device, ipad, ect) the menu will always be the same width as the banner, instead of being a set width (and therefore becoming 2 bars when i view on ipad).

sshursa.org

Thank you, in advance, as always for your fast reply!

Hello,

The extension doesn't support the described ability.

Regards,
ARI Soft

Is it possible then to centre the menu? I have tried the below code in different combinations. Because of my template, I am using code to diminish the padding between menu items, and this seems to invalidate the centering code, but when I add just the code to centre, I am left with padding between each menu item. Please help! As of now, my code is:

nav .ux-menu li
{margin: 0 auto;}

#header div.ux-menu-container ul.ux-menu
{width: auto;
right: inherit;
margin: 0 auto;
left: 45px}


sshursa.org

Use the following CSS rules:


.ux-menu-container
{
text-align: center;
}

.ux-menu-container .ux-menu
{
display: inline-block;
}

Regards,
ARI Soft

THANK YOU thank you thank you!!!!