Dear ARI Team,

I need your help in two problems I'm having on my website plz
www.antonins.org/antonins

1/ Whenever I resize Firefox, the menu drops into two lines as shown in the linked pic below. How can I resolve the prb ?
www.antonins.org/antonins/images/menu.jpg

2/ I need to center my menus horizontally.
Now I am using the css below, but this isn't working on smaller resolutions. How can I automate this to center the menu horizontally ?

.ux-menu, .ux-menu ul {
padding: 0 0 0 145px;
}


Thanks in advance

Hello,

Add the following CSS rules:

UL.ux-menu,
UL.ux-menu ul
{
padding: 0;
}

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

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

#ariext119_container
{
min-width: 1100px
}

Regards,
ARI Soft

Unbelievably amazing support !
Thanks a lot

Dear Support Team,

After applying the changes, I tried to see the page on my iphone4.

A very large empty space is added at the right of the page as seen in the pic below
antonins.org/antonins/images/photo.PNG

When I click on one of the items in the menu, all the empty space disappears and the page works fine.

Thanks in advance for your help solving this issue

It doesn't seem that this problem with the menu. It can be a problem with site template styles.

Regards,
ARI Soft

Thanks for your answer but once I disabled the menu module, I didn't have this problem.
Plus, before doing the correction you gave me to center the menu, I didn't have this problem neither