Some conflicts occur due to site template styles for default menu. Add the next CSS rules to "CSS Styles" parameter in module settings:
| Code: |
#topnavi ul.ux-menu li
{
height: 48px
}
#topnavi ul.ux-menu li a
{
float: none;
height: 28px;
line-height: 28px;
}
#topnavi ul.ux-menu li a span
{
padding: 0 !important;
top: 22px;
}
#topnavi ul.ux-menu li.ux-menu-item138,
#topnavi ul.ux-menu li.ux-menu-item139
{
width: 136px;
}
.ux-menu LI A.ux-menu-link-level-0.ux-menu-link-first
{
-ms-border-radius: 7px 0px 0px 7px;
-webkit-border-radius: 7px 0px 0px 7px;
-moz-border-radius: 7px 0px 0px 7px;
-o-border-radius: 7px 0px 0px 7px;
border-radius: 7px 0px 0px 7px;
}
.ux-menu LI A.ux-menu-link-level-0.ux-menu-link-last
{
-ms-border-radius: 0px 7px 7px 0px;
-webkit-border-radius: 0px 7px 7px 0px;
-moz-border-radius: 0px 7px 7px 0px;
-o-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;
}
|
and set "Auto width" parameter to "Yes".
Regards,
ARI Soft
