Hello,
Great mod. It's been fab for my site.
I have a question on CSS I hope someone can please answer:

From old posts in the forum I found the following code to centre the menu on my pages:


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

BODY DIV.ux-menu-container UL.ux-menu-horizontal
{
display: -moz-inline-stack;
display: inline-block;
zoom:1;
*display: inline;
}


This certainly worked and centred the menu, however, it has a really annoying thing happening where the page is loaded the menu ALWAYS starts off on the left momentarily and then shifts to the centre. Can anyone help with a code solution that will make the menu immediately appear centred as soon as the page is loaded.

Many thanks....

J

Hello,

Provide link to page please where we can see this issue.

Regards,
ARI Soft

Hi,
the link is
www. mummydarling.co.uk/site/index.php?option=com_datafeeds&view=items&Itemid=128

Could you also tell me how to remove the bullets on your menu module too please?

Many thanks,

J

Hello,

Use the following CSS rule:



Regards,
ARI Soft

Hi
Thank you very much for this. So this removes the bullets.

how about my original question about the menu centre'ing?

Many thanks,

J

Thats strange - adding this new code now stops the menu from being centred. Could you tell me if this is the correct format of code please? I've cobbled together from previous posts on your forum.

Thanks,


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

BODY DIV.ux-menu-container UL.ux-menu-horizontal
{
display: -moz-inline-stack;
display: inline-block;
zoom:1;
*display: inline;
}

ul.ux-menu li
{
background-image: none;
padding-left: 0;
}