Hello guys!

I'm having problems with my duplicated menu. I created the first version here which is almost what I want (still some small details are missing). Then I tried duplicating here and as you can see, they look a bit different. I don't understand why as both are coming from the same css! Can you help?

Besides, I added the css for round corners (which I found here in another thread) before duplicating the menu, but they just appeared on the duplicated one. I want it for both menus.

Thanks!

Hello,

Could you specify differences between the menus. If possible, mark them on a screenshot.

Regards,
ARI Soft

So, it seems that the actual problem is the css style that I am using. I want both menus to have the same width but I am using position relative (if I use absolute it messes up the template). I want both of them to be width 945px.

In the screenshot below you can see that one menu is shorter than the other.


Anyway, I added css style DIV.ux-menu-container {background-color:#781212;} to this menu and I lost the round borders.

In this menu I don't have the css style DIV.ux-menu-container {background-color:#781212;}, the borders are rounded but the menu is a bit too short.

How can I have both menus with the same width and round borders?

We can recommend to use FireBug addon FireFox browser to see differences in styles for these menus.

Regards,
ARI Soft