For most customers the asp menu on the add products screen works out of the box but I have seen on a few portals where their are css conflicts and it requires some tweaking to get the menu to work correct. Try adding the following css styles for the asp menu at the top of the addproducts.ascx:
<style type="text/css">
a:link {color: #000000;text-decoration:none;}
a:visited {color: #000000;text-decoration:none;}
a:hover {color: #000000;text-decoration:none; }
a:active {color: #000000;text-decoration:none;}
.StaticMenuItem
{
cursor:hand !important;
padding:10px !important;
width:100% !important;
list-style: none !important;
}
a:link.StaticMenuItem, a:visited.StaticMenuItem,
a:hover.StaticMenuItem,a:active.StaticMenuItem
{
color: #000000 !important;
list-style: none !important;
}
.ajax__tab_default .ajax__tab_tab {
display:inline !important;
}
ul {
list-style: none !important;
z-index: 1000 !important;
}
li {
list-style: none !important;
z-index: 1000 !important;
}
</style>
Then in the addproducts.ascx replace your asp menu control with the following:
<asp:Menu ID="MenuProduct" runat="server" OnMenuItemClick="MenuProduct_MenuItemClick" Orientation="Horizontal" CssClass="Writing"
StaticSubMenuIndent="0px" DynamicItemFormatString=" {0} " BackColor="#CCCCCC">
<DynamicHoverStyle BackColor="#A39480" ForeColor="White" Height="30px" />
<%--<DynamicHoverStyle CssClass="dmenuHover"/>--%>
<DynamicMenuItemStyle HorizontalPadding="5px" Height="30px" />
<DynamicMenuStyle CssClass="dynamicMenu" />
<%--<DynamicSelectedStyle BackColor="#CCCCCC" /> --%>
<StaticHoverStyle BackColor="#A39480" />
<StaticMenuStyle Height="35px" />
<%--<StaticMenuItemStyle Height="30px" BackColor="#CCCCCC" CssClass="staticMenuItemStyle"/>--%>
<StaticMenuItemStyle BackColor="#CCCCCC" CssClass="myStaticMenu"/>
<StaticSelectedStyle BackColor="#CCCCCC" ForeColor="White" />
Open up your module.css in the \desktopmodules\smith.buynow folder and replace the following classes:
.Writing
{
width:850px !important;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
color:#000000 !important;
font-weight:600 !important;
list-style: none !important;
}
.myStaticMenu
{
position: relative !important;
top:0 !important;
left:0 !important;
width:150px !important;
text-align:center !important;
list-style: none !important;
}
.dmenuHover
{
color: White !important;
background-color: #A39480 !important;
z-index: 1000 !important;
}
.dynamicMenuItem
{
color:black !important;
padding:4px 6px !important;
z-index: 1000 !important;
list-style: none !important;
}
.dynamicMenu
{
/*background-color: #E3E3E1; */
border:Solid 1px black !important;
/*the background color for the dynamic menus both "popout" and non is covered by the
DynamicMenuStyle-BackColor="#FF6600" in the <asp:Menu> tag*/
background-color: #FFFFFF;
z-index: 1000 !important;
list-style: none !important;
}
Not sure if this will totally fix the menu on your portal but it should give you an idea of the css tweaks to get it working.